Description

The Highlight Grid component displays a stylized grid of highlight cards with 1 primary highlight, and 2 less prominent highlight cards next to it.

Adding Highlight Grid to a Page

To add a Highlight Grid to a page add a new element in Visual Composer using the + at the top or within a row and select the Highlight Grid component (this should only be used in 1/1 full width column row).

The Highlight Grid contains the following fields:

  • Main Highlight Tag: the tag for the main highlight card
  • Main Highlight Title: the title for the main highlight card
  • Main Highlight Link: the link for the main highlight card (title within this field is unused)
  • Main Highlight Description: the description text for the main highlight card
  • Main Highlight Image: the image for the main highlight card
  • Minor Highlight 1 Tag: the tag for the top minor highlight card
  • Minor Highlight 1 Title: the title for the top minor highlight card
  • Minor Highlight 1 Link: the link for the top minor highlight card (title within this field is unused)
  • Minor Highlight 1 Image: the image for the top minor highlight card
  • Minor Highlight 2 Tag: the tag for the top minor highlight card
  • Minor Highlight 2 Title: the title for the top minor highlight card
  • Minor Highlight 2 Link: the link for the top minor highlight card (title within this field is unused)
  • Minor Highlight 2 Image: the image for the top minor highlight card

Reference the example below for field layouts.

Example

Main Highlight Tag
Main Highlight Description...
Minor Highlight 1 Tag
Minor Highlight 2 Tag