Callouts

Callouts are used to highlight a specific snippet of information, like a quotation. Here is the code for a callout, as it should appear in the Body editing area:

[callout title="Title"]

Your important information will be set apart from the body copy for easy scanning.

[/callout]

Title is an optional attribute.

screenshot of a callout on a page


To align the callout below a photo add type and width attributes to the shortcode.

[callout title="Requests" type="clear-right" width="360px"]

Your important information will be set apart from the body copy for easy scanning.

[/callout]

When using a standard image size (375 pixels x 250 pixels) the width in the callout shortcode should be 360px for proper alignment. If your photo is portrait (250 pixels x 375 pixels) the width in the callout shortcode should be 235px.

screenshot of a callout under a photo