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 a title, body copy, up to two 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.
- Rows may have white or light gray backgrounds.
- Headings are H2s and should be limited to six words or less.
How To Build
- Drag the "CalloutRow" component onto the page.
- Found under "DeSales Components"
- Click the Edit Pencil in the top right.
- Fill in the fields in the pop-up form.
- Title: The large title on the callout.
- Description: The text under the title and main content of the callout.
- Image: The image which appears alongside the description.
- Label: The text on the button of the callout.
- Link To: Where the button links to.
- Callout Color: The background row color of the callout.
- Layout: Choose if the image will be on the left or right side of the callout.
- Title: The large title on the callout.
- Click "Save" at the bottom.
Content Guidelines
Information will be added at a later date.
