Styled Wrapper

For use in main area and sidebar of any container.

Use the Styled Wrapper to draw attention to specific information using preselected colors and accent backgrounds from our brand kit.

NewSiteGraphics

Example of a Styled Wrapper

Styled Wrappers can be colored maroon, gold, light blue or gray.

NewSiteGraphics

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.
  • This widget must be in section

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 on the Layout tab, and click on a Section to add a section to the page.

    2. Inside the section, click + Add Widget.

    3. Open the Layout options.

    4. Then Select the Styled Wrapper layout.

    5. Click + Add widget here...

    6. Click Content block.

    7. Inside the content block, click Create content.

    8. Add text to your content block.

    9. Click "Save" at the bottom of the page.

    10. Click the Styled Wrapper's green bar in its upper righthand corner.

    11. Click the edit pencil icon.

    12. Choose a background color.

    13. Optional: Choose an accent background.

    14. 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.

    Screen capture of the buttons for Send for Approval and Save as Draft in Sitefinity