Skip to Content

Card Row

A large display area allows authors to display cards of featured content or sections.

How to Build

  1. Click the Add New Element plus icon to add a component to the page
  2. An Add Element window will appear, choose the Card Row option
  3. The Card Row settings dialog box will appear with the following option:
    • Card Row Heading: A main heading for the Card Row, an H2
  4. Click Save changes and the Card Row container will be added to the page layout, individual cards will be added within this container
  5. Click the Add Card + icon within the Card Row Container
  6. An Add Element window will appear, choose the Card option
  7. The Card Settings dialog box will appear with the following options:
    • Image: the large, square image of the card
    • Title: the main heading of the card
    • Link: the URL the card will click through to and the call to action text found at the end of the card
    • Text: The main description text of the card, displays below the Title and above the Link text
  8. Click Save changes to save the card’s contents and add it to the Card Row
  9. To add additional cards to the row, repeat steps 5-8 above; 3 to 4 cards are recommended for each card row

Examples

Read the Johns Hopkins University privacy statement here.

Accept