Highlight Row

How to Use
  • A typical highlight row includes an image or video, heading, introduction and button(s).
  • Images and videos are optional. One image can appear to the left or right of the highlight.
  • Aside from introductory text, body text can also be used as needed for longer content.
  • Highlights can utilize multiple buttons.
  • Highlight Rows can be stacked on top of each other, but it is best to consistently use photos or not use photos if stacking more than one row.
How to Build

Make sure you are using the “backend editor” to build out the component.

  1. Click the Add New Element plus icon to add a component to the page.
  2. An Add Element window will appear, choose the Highlight Row option.
  3. The settings dialog box will appear. Fill in the appropriate fields.
    • You can choose to feature and image or a video.
  4. Click Save changes.
  5. Click the Edit this row pencil icon on the row containing the new component.
  6. The Row Settings window will appear, find the Row stretch select box and choose  Stretch row and content (no paddings).
  7. Click Save changes.
  8. Click the plus sign in the highlight row. If you would like to add content in columns choose the Row component, if you only need text, you can choose the Text Block.
    • If you chose a row, hover over the the tab at the top of the newly created row with the lines on it to select the amount of columns you would like. Three is the recommended amount.

(Refer content guidelines tab to understand how to write for this component)

Content Guidelines
  • Highlight Rows are designed to draw attention to major sections within the website.
  • This section should always include a call to action.
  • When writing for the highlight row, use a warm and inviting tone that draws interest to the content.
  • Headings are H2s and should be limited to six words or less.

This is an IMAGE Highlight Row

Adds interest to a row. Has a heading, description and image that you can add content into.

ONE

Two

Three

This is a VIDEO Highlight Row

Adds interest to a row. Has a heading, description and image that you can add content into.
Caption Example

Transcript

Transcript Example

Description

Text Description Example

Listen to an audio description of this video.

ONE

Two

Three