Callout with Photo and Text

The Callout with Photo and Text component adds a box to the page, with a user-selected photo occupying two-thirds of the box and text content taking up the remaining one-third. This component was designed to highlight feature content.

Demo

Instructions for use

While editing a page:

1. Move your cursor to the area of the page you wish to add the component.
2. Click the "Insert Component" button in the editor toolbar.
3. Select the Callout with Photo and Text component from the list.
4. Enter the title of the content being highlighted.
5. Select the heading level - this should be one heading level below the nearest heading above the component.
6. Enter a brief description.
7. Choose title and description position (left or right).
8. Select the image for use with the component.
9. Enter image alt text.
10. Select the optional call to action button text.
11. Enter a link for the call to action button.
12. Optional call to action link ID for Google analytics.
13. Click the "Save" button.