Maroon Background
For use in the full-width container.
Use the Maroon Background Callout to draw attention to an important page or direct your audience to take action through the call-to-action buttons. You have the ability to add an image with a maroon overlay behind the callouts. This widget is a great way to link to child pages.
Maroon Background Callout example
Visual demo
Widget standards
No layout is needed for this widget.
Do:
- Desktop Image Size: 1800x540 - Ratio: 10:3.
- Two per page, with content in between them.
Do NOT:
- Add this widget to the main content area. It must be used in the full widget area.
- Exceed 150 characters in the description area.
- Use a background image whose focal point will be obscured by the text in the widget.
Written instructions
1. Open the page you'll be editing.
2. Find the "Maroon Background Callout" widget and add it to the full-width area of your page.
3. Click "Create content."
4. Make sure Template is set to Card.
5. Add the title to the Heading field.
6. Add the description to the Description field.
7. If you would like to add a background image, click on Select image and select an image from the DAM that is 1800 pixels wide by 540 pixels tall.
8. Under Primary Link, click the "Link Text" field to add the text for your first button.
9. Under Link Target, select:
-Same window for CMU-affiliated pages.
-New window for pages outside of cmich.edu.
10. Add the alternative text for your button to the "Link ADA Title" field.
11. Next, you'll add link information. Under Link to, use:
-Page within the site to link to a page in cmich.edu.
-URL to add the link address.
-Choose a document to link to a document in the DAM.
12. For the Secondary Link, repeat steps 8-11.
13. Click "Save."
Save and send
- If you'd like to continue working on this page, but need to save your progress, click Save as Draft.
- If you're finished making changes to the page, and the page is ready for review, click Send for Approval.
