Card

This snippet creates a single card with text over an image or colored background that links to another page or website. The slide out button can be customized. The spacing around each card is controlled in the Boxed Sections snippet that the Card is inserted into.

Example of two rows of three cards each with space between each card.

Example of three cards in a boxed section with no gutter spacing.

Card Snippet

This snippet must always be inserted into a column of a Boxed Sections snippetYou can create multiple rows of cards by adding additional rows to the Boxed Sections snippet.

  1. Enter the desired text that will be displayed on the card.
  2. Select the text you entered and insert a link to another CMS page or external URL.
  3. If including an image in the background, crop the Card type with the Image Editor and insert the largest size card that was cropped.
  4. If not including an image, change the selection to the desired background color. When using this snippet in an asset you must type in the code for the desired color:
    1. For Gold enter “gold” without quotation marks.
    2. For “Black” enter “black” without quotation marks.
    3. For “Dark Gray” enter “medium-gray” without quotation marks.
  5. Change the default button text if alternate wording is desired.

You should add two, three, or four Card snippets in a row.