Cards

• Video
• Diagram

The Cards block is similar to the Grid CTA block, but has more fields and places the image behind the item content.

Designs:

• Design System | Variations
• Pre-release: Mobile | Desktop

To use the block:

• Click the Layout tab at the top of your page
• Scroll to the location on the page where you want to add a block
• Click Add block
• In the sidebar, click Create custom block
• Choose the block to add.

Fill in the content fields:

• Title (required): Never displayed, even if “Display Title” is checked. For administrative use only.
• Section title: Displayed as a heading above the cards.
• Section subtitle: Displayed below the heading.
• Section CTA/link: A link button displayed below the list of cards.
• # of columns: Allows 1- to 4-columns of cards.
• Cards: Add up to 4. Each card has:
  • Title (required)
  • Image: Chose from the library or add a new image to be displayed behind the card text.
  • Description: A full text editor to add card content.
  • Topic Tag: This is displayed at the top of the card and can be used to group cards visually.
  • CTA: A link at the bottom of the card.

Then save the block:

• Click Add block in the editing pane.
• Save and publish your changes.