Content block
The workhorse rich-text block — paragraphs, lists, quotes, and inline blocks. One or two columns.
What is the Content block?
The Content block is the workhorse of every PDS Technology site — it's the block you'll reach for whenever you need paragraphs, headings, lists, quotes, links or images in the flow of your page. It accepts full markdown plus inline blocks (charts, mini CTAs, alerts, even other content) embedded right inside the text.
It ships with four column layouts. Same content field — different proportions. Pick full for the simplest single-column setup, or one of the three two-column variants when you want a sidebar feel or a side-by-side comparison.
Hover over any example below to see a "How to set this up" button for the admin walkthrough.
Style "full" — single column
The most common variant. One column that spans the full content width. Use it for body copy, articles, tutorial steps — anything where you don't need a side-by-side split.
Things this style supports:
- Headings from
##(h2) down to######(h6) - Ordered and unordered lists
- > Blockquotes like this one
- Inline
code spansand links to other pages - Bold, italic, strike — the usual.
On this page
- Intro
- Why it matters
- Worked example
- Next steps
Why it matters
The col-25-75 layout gives you a narrow rail on the left and lets the body breathe on the right. It's the layout most documentation sites use because the eye can scan the sidebar quickly and then drop into the main text without losing place.
Pair it with a short list of jump links, a contents summary, or a callout box on the left, and your main reading copy on the right.
Before
A wall of text with no visual structure. Long paragraphs that bleed across the full content width make it hard for the eye to find a resting point, and visitors are more likely to bounce.
After
Two balanced columns split the same idea into a more scannable read. Equal columns work well for direct comparisons, before/after pairings, or anywhere you want two parallel narratives to feel equally important.
The main story goes here
The col-75-25 layout is the mirror of col-25-75 — the wide column comes first, with a narrow column on the right.
Use it when your main content reads more naturally on the left and you want the right rail to hold something supplementary: pull quotes, calls to action, definitions, or related links. Visitors instinctively read the wider column first, so put the headline narrative there.
Tip
Keep the right column short. Anything longer than 4-5 lines will look unbalanced beside the main column.