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
Another example of a Styled Wrapper
Choose maroon, gold, gray, or blue, with optional accents, to make a page section stand out.
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 "Background Color Wrapper".
3. You'll notice that the Background Color Wrapper already has a section built into it, so there is no need to add one. Click "Add widget here..." within the section.
4. Click "Content Block".
5. Click "Create content".
6. Add text to your content block.
7. Click "Save".
8. Click the green bar of your Background Color Wrapper.
9. Click the pencil icon.
10. Choose a color for your background color.
11. Optional: Choose an accent background.
12. 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.
