Icon Card

Step-by-Step Instructions

1. Add a Cards Grid Section

• Click the Edit link at the top of the page.
• Place your cursor in the section where you want the cards.
• Click the plus icon → Select Cards Grid.

2. Add a Section Header

1. Add a Section Header above your cards.
2. (Optional) Add a teaser that provides supporting context.
3. In Styles, set the header level to H2.

3. Add CTA Cards

• Place your cursor below the Section Header and add an Icon Card.
• Select an Icon from the dropdown.
• Add a Title (max 70 characters).
• Add a Teaser (max 300 characters).
• Configure the Button:
  • URL: Select a piece of content or enter an internal/external path
  • Link Text: Provide a clear action, e.g., “Visit the ABC Lab” (avoid generic text)

4. Add Additional Icon Cards

• Add at least two more cards (3, 6, or 9 recommended for visual balance).

Background Colors

We recommend working with a Site Administrator to apply background colors to CTA Card Grids and standalone CTA Cards when you need them to stand out.

Note: Background colors can be applied only within One Column and Card Grid sections.

How to Apply a Background Highlight

1. Open the Styles tab.
2. Choose one of the approved background colors:

• None (default)
• Blue 100
• Blue 300
• Blue 500
• Blue 700
• Sand 300
• Sand 500