Callout

The callout component should be used to highlight key elements on the page that you want to visually distinguish from the rest of your content. While any WYSIWYG content can be added inside this component, it is recommended to keep the content in this element concise to ensure the integrity and original intent of the component.

Variations

By default the callout background color will be gray. An additional class of cwf-callout--accent can be applied to the wrapping element to turn the background blue.

T4 implementation

When using the callout content type in the sidebar of a T4 website the cwf-callout--accent class will automatically be applied, rendering the callout with a blue background.