Cards
Usage
The Cards block queries every published card (or the categories you pick) and renders Grid, Directory, Stratified, or Cards. Insert it from the block inserter β search for Cards.
Cards are sorted AβZ by title. Turn on Filter for category pills or Search for a live title and description search.
When to use it
Use it as the public listing for programs, services, or resources you manage as Cards. Prefer Stratified when visitors should scan by category. Prefer Cards when each item should feel like a tile with a wide image.
Tips
- Set Layout first β Images hides when Layout is Cards.
- Turn on Filter before Filters to Display appears.
- Search matches the title and the description (or content) as they appear on the card.
- Uncategorized cards never appear in Stratified.
Settings
Cards

How the cards are arranged on the page.
- GridImage, title, description, and optional button in columns.
- DirectoryThe same pieces, centered.
- StratifiedOne heading per category, then that categoryβs cards. Uncategorized cards are skipped.
- CardsA framed tile with a wide image. Images is hidden; the image stays a golden rectangle.

How many cards sit in a row on wide screens.

Only query cards in the categories you check. Leave blank to include every published card.

Adds Show All plus category pills above the listing. The pills hide and show cards already on the page β they do not change the query.

Which category pills appear. Set Filter on first. Leave blank to show every category that has cards. This does not change which cards are queried β use Restrict Cards for that.

Adds a live search that matches the title and the description (or content) as they appear on each card.

Crop shape for each featured image. Hidden when Layout is Cards β that layout always uses a wide rectangle.
- Circle defaultA round crop.
- SquareA 1:1 crop.
- RectangleA wide golden rectangle.
- <hidden>Hide the image.

Makes the image open the cardβs Link. The cover is skipped in the editor preview.

Visual style for the card name. The name stays an H3.
- <h1>Looks like your site's H1 style.
- <h2>Looks like your site's H2 style.
- <h3>Looks like your site's H3 style.
- <h4> defaultLooks like your site's H4 style.
- <h5>Looks like your site's H5 style.
- <h6>Looks like your site's H6 style.
- <p>Looks like your site's paragraph style.
- <strong>Looks like bold paragraph text.
- <small>Looks like small paragraph text.
- <hidden>

Visual style for the description (or content). Hidden removes that copy.
- <p>Looks like your site's paragraph style.
- <small> defaultLooks like small paragraph text.
- <hidden>Hide the description.

Which card field fills the description area.
- DescriptionThe Description (excerpt).
- ContentThe editor content.

How the card Link looks. Hidden (the default) shows no button.
- <button>A solid button.
- <understated>A text link.
- <hidden>No button.

Fallback button label (default Read More β). If the card Link has its own title, that title wins.