Styled Wrapper
Use the Styled Wrapper to draw attention to specific information using preselected colors and accent backgrounds from our brand kit.
Example of a Styled Wrapper
Styled Wrappers can be colored maroon, gold, light blue or gray.
Another example of a Styled Wrapper
Styled Wrappers can also include an optional accent background like chevrons.
Visual demo
Widget standards
Does not require a layout.
Do:
- Use this widget to draw attention to important information or callouts to your page.
Do NOT:
- Stack Styled Wrapper widgets on top of each other.
Written instructions
1. Click "+ Add Widget".
2. Click "Layout"
3. Click "Styled Wrapper".
4. Click "Add widget here..."
5. Click "Content block".
6. Click "Create content".
7. Add text to your content block.
8. Click "Save" at the bottom of the page.
9. Click the Styled Wrapper's green bar in its upper righthand corner.
10. Click its pencil icon.
11. Cloose a color for your background color.
12. Optional: Choose an accent background.
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.
