Maroon Link Card
For use in any width container.
The maroon link card widget is used to display links in a visually appealing way. The widget uses an image for the background and a separate area for link text.
Visual demo
Widget standards
A layout is not required for this widget.
Do:
- Desktop Image Size: 600 x 400 - Ratio 3:2.
- Use one to twelve link cards per page.
Do NOT:
- Use this widget without adding a heading to give your audience context for the links.
Written instructions
1. Open the page you where you want to add the Maroon Link Cards.
2. Click on +Add widget or +Add section.
3. Click "Layout" and find the Section option.
4. Click "Select."
5. Once the Section has been added to your page, click on the top right corner to open the editing bar.
6. You'll divide the section into multiple columns. Note: The maximum number of columns is 3, regardless of whether you are putting the cards in the main content area next to the left navigation or the full width area.
7. Divide the section into the desired number of columns.
8. Click "Add widget here..."
9. Under Content find the Link Card widget and select it.
10. Click "Create content."
11. Now you'll fill in the link card widget. Add the ADA text in the CTA Button ADA Title field.
12. Add the link for the button by clicking on the + under CTA Button URL.
13. Click the "Link to..." field and either type in a URL or select a page from Sitefinity.
14. Click the "Text to display" field and type in your button text.
15. Select whether the link should open in a new window.
Yes - link is outside of cmich.edu.
No - link is part of cmich.edu.
16. Click "Insert link".
17. Add an image by clicking on the image field. Images should be 600x400 pixels.
18. Find your image in the DAM and select it.
19. Click "Save" to save your updates to the link card.
