Default card
For use in the main area of containers.
The Default Card widget uses the default template. This widget builds a card, or row of cards, with a slight shadow. There is a maroon heading for the row of cards and then a black heading, an image and an option for a description in each card.
Default card example
Gold STARs rating through 2024
#1 in the nation
Visual demo
Widget standards
- The Card Wrapper layout is needed for this widget.
- This widget must be in section
Do:
- Image size: Same as the Link Card, 600x400, ratio 3:2.
- In a container with sidebar and margin layout, use 2-3 cards in a section with 2-3 columns.
- In a container with margin layout, use 3-4 cards in a section with 3-4 columns.
Do NOT:
- Add linked text, buttons, images, or formatted text (headings) inside the description field of this widget's settings.
- Add text that is longer than the character field. The text will obscure the background image.
Written instructions
2. Click + Add Widget.
3. Click Layout.
4. Select the Card Wrapper.
5. Click where it says "Drop Card Widgets Here" to open the pop up menu.
6. Click the edit icon here.
7. Select the Card Wrapper option.
8. Click the Heading field.
9. Type your heading.
10. Click "Save."
11. Click + Add widget here...
12. Click Layout.
13. Select the Section layout.
14. Click the section widget to open the pop up menu.
15. Click here to adjust the columns in the section.
16. Choose the number of spaces you want to make for your cards.
17. Click + Add widget here...
18. Click Content.
19. Select the Card widget.
20. Repeat steps 16, 17 and 18 to add two more cards (or however many you need for the number of columns you chose in the Section widget).
21. Click on Click Card to Configure.
22. Click the Heading field.
23. Type your heading. Maximum characters: 75
24. Click the Description field.
25. Add a brief description (optional). Maximum characters: 150
26. Click here to add a button (optional).
27. Click "Select page or content."
28. Locate the page you want to link to by navigating or searching the page name.
29. Select your page.
30. Click "Use selected."
31. Click the "Text to display" field to edit your button text.
32. Add your button text. Maximum characters: 30
33. Click "Insert link."
34. Click the CTA Button ADA Title field.
35. Add ADA text to your button.
36. Click here to add an image to your Card.
37. Click Select an image from library.
38. Click Default Libraries.
39. Search for your image name or navigate through the image folders.
40. Select your image.
41. Click "Use selected."
42. Click "Save."
43. Repeat until you have content in each of your cards.
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.
