Highlight Grid

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