Content Card With Photo

The Content Card with Photo component adds a box to the page, with a user-selected photo occupying the top two-thirds of the box and text content taking up the remaining one-third. This component was designed to highlight feature content. This component should be used in conjunction with the Content Card Layout when more than one Content Card with Photo is used at a time.

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 Content Card component from the list.
4. Select the image for use with the component.
5. Enter the alt text for the image.
6. Select the heading level - this should be one heading level below the nearest heading above the component.
7. Enter the heading text.
8. Select the heading alignment.
9. Enter optional summary text.
10. Select the summary alignment.
11. Enter the card link url.
12. Enter optional link id for google analytics.
13. Enter the link button text.
14. Enter the link button alignment.
15. Click the "Save" button.