Callout Row

Callout rows allow authors to call attention to content that lives in the same section of the website or is closely related to the content on the page.

How to Use
  • Callout rows are used to highlight key content and typically include a button to direct users to additional content or take action.
  • Callouts may include intro text, body copy, buttons and an image.
  • Images are optional and may be placed to the left or the right of the content.
  • Callout rows may be stacked. If stacking more than one callout row, it is recommended to alternate image positioning from left to right.
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 Callout option.
  3. The settings dialog box will appear. Fill in the appropriate fields.
  4. Click Save changes.
  5. If this row is on a full width page (no child navigation sidebar), 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.

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

Content Guidelines
  • Callout Rows are designed to draw attention to major sections within the website.
  • This section should always focus on a specific call to action.
  • When writing for the Callout 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 a Callout Row

This is an example callout row.

With example text.

Another Callout

texty text