There are two types of callouts basic styled callouts and the callouts that include background colors and images
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non fusce dapibus tellus ac cursus commodo, tortor mauris.
Callouts can be used with or without images, come with several backgrounds and will expand to the width of the space where they are used.
The three colored Content Callouts with images have been added to the Shared Elements Menu. To add them to a page:
- Go to the shared elements menu
- Select the desired content callout
- Orphan and Edit the callout
To change or remove the photo:
- Click the element settings
- Click +Design
- Click and Delete the image or Double Click to replace
As an alternative to using the shared elements, the elements can be copied and pasted from the style guide in the production branch, or the custom classes can be added directly to content elements via the element settings. The options for custom classes are:
- callout-box green
- callout-box orange
- callout-box teal
Images can be added to the header content of a callout.