CTA Image
University Communications has provided further information about this component with regards to best practices on their Web Creator Guide. Check out their guide for more tips and tricks for this component and more.
- Published - Select or unselect to make component visible or not to site visitors. Defaults to published
- CTA Style (required) - Choose how the CTA Image should display
- Align Wide - Background color takes up the entire screen width
- Align Full - Background is limited to the width of the content
- Color (required) - Choose the color to use when displaying the component
- White, Black, Gray
- Image Order (required) - Select which side the image should show (left, right)
- Image (required) - Choose an image from the Media Library
- Title (required) - Enter a short title to give to the card
- Body (required) - Provide a brief description for the card
- Button Link URL / Text (optional) - Provide a simple link to more information
Instructions start on the Create or Edit Page within a piece of content.
- Create Content using the Add Component button
- Choose CTA Image from the list of Components in the Call to Action (CTA) section
OR
Edit CTA Image content using the Edit button - Switch the Published field on or off for the component to be published or unpublished
- (required) Choose the CTA Style in which to display the component (Align Wide, Align Full)
- (required) Choose a Color for the component
- White, Black, Gray
- (required) Select which side (left or right) the Image Order should be
- (required) Choose an Image from the media library to display
- (required) Enter a short Title to give to the card
- (required) Provide some Body text to provide a brief description of the section
- (optional) Choose a Button Color (green, gold)
- (optional) Provide a Button Link URL / Text for the CTA button
Align Wide
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Align Wide
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Align Wide
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.