CTA Link

Step-by-Step Instructions

1. Add a Cards Grid Section

1. Click the Edit link at the top of the page.
2. Place your cursor where you want the CTA links to appear.
3. Click the plus icon.
4. Select Cards Grid.

2. Add a Section Header (Optional)

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

3. Add CTA Links

• Click the "plus" under the header field
• Select CTA link from the list of components which can be found under the Call to Action group
• Add desired link text and URL
  • Note: Title text is limited to 70 characters

4. Styles

• Click the Styles tab then click the Layout to expand the section
• The layout field set expands showing options for Grid Columns
• The default state of columns is three columns (recommended for link sets of 3, 6, 9, 12, 15, 18, and 21)
• If desired, you can change the Grid columns to four columns (recommended for link sets of 4, 8, 10, 14, 18, 22)

Background Colors

We recommend working with a Site Administrator to apply background colors to CTA Links 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