Docs

Cards

Cards in Highlight: the Card of the Flex cards section and the Media card and Text card of the Flex grid section.

Applies to: Highlight 4.1.0 and later. Added in: Highlight 4.0.0. Last checked: 2026-10-13 against Highlight 4.1.0.

Cards are the blocks that hold content in Highlight's two Flex sections, added in Highlight 4.0.0. Each card has its own size, media and colors; the Card and the Text card also hold theme blocks such as headings, text and buttons.

Where to find it: Online Store → Themes → Customize → select a Flex cards or Flex grid section → Add block.

The three cards

CardSectionWhat it showsHolds blocks
CardFlex cardsAn image or video on top, your blocks below itYes, theme blocks and app blocks
Media cardFlex gridAn image or video that fills its grid area, with an optional linkNo
Text cardFlex gridYour blocks over an optional image, video or background colorYes, theme blocks and app blocks

How cards are sized

  • In the Flex cards section, each Card sets its width with Desktop columns (2 to 12 of a 12-column row). Cards that do not fit start a new row. The media height is set once in the section.
  • In the Flex grid section, each Media card and Text card sets Desktop columns and Desktop rows, and Mobile columns and Mobile rows for phones. The section sets the height of one row.
  • Every card can be hidden on screens narrower than 836 px with Hide on mobile.

Which section should I use?

Use Flex cards for a row of cards with the image on top and the text below, like product category teasers. Use Flex grid for collages and banners where text sits over the image, or where cards span several rows.

Can I use these cards in other sections?

No. The Card exists only in the Flex cards section, and the Media card and Text card only in the Flex grid section. The other Highlight sections have blocks of their own, listed on each section's page.

On this page