Top

Top with its default widget variation.

More

Top

Top with its title4 widget variation.

More

Top

Top with its title5 widget variation.

More

Top

Top with its title6 widget variation.

More

Header

Header with its default widget variation.

More

Header

Header with its box1 widget variation.

More

Header

Header with its default widget variation.

More

Header

Header with its box2 widget variation.

More

Header

Header with its default widget variation.

More

Header

Header with its box3 widget variation.

More

Feature

Feature with its default widget variation.

More

Feature

Feature with its default widget variation.

More

Feature

Feature with its box4 widget variation.

More

Feature

Feature with its default widget variation.

More

Feature

Feature with its box5 widget variation.

More

Feature

Feature with its default widget variation.

More

Utility

Utility with its title6 widget variation.

More

Utility

Utility with its default widget variation.

More

Utility

Utility with its default widget variation.

More

Utility

Utility with its title4 widget variation.

More

Utility

Utility with its default widget variation.

More

Utility

Utility with its title5 widget variation.

More

Showcase

Showcase with its box1 bottomshadow widget variation.

More

Showcase

Showcase with its box2 shadow1 widget variation.

More

Showcase

Showcase with its box4 widget variation.

More

MainTop

MainTop with its default widget variation.

More

MainTop

MainTop with its default widget variation.

More

MainTop

MainTop with its default widget variation.

More

ContentTop

ContentTop with its title2 widget variation.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu.

More

Widget Variations

Widget Variations allow you to individually style a widget. Choose any available variation at Appearance → Widgets → Widget Settings

There are 30 variations: box1-5, title1-6, shadow1-9, notice1-4; flush, flushtop, flushbottom; plus standardcase, uppercase and lowercase.

  • Box: 5 variations to change the background of the widget.
  • Title: 6 suffixes that vary the appearance of the widget title.
  • Shadow: 9 suffixes which adds a drop shadow to the widget.
  • Notice: 4 suffixes to match custom typography notices.
  • Standard/Upper/Lower Case: change the case style of the widget title.
  • Flush/FlushTop/FlushBottom: removes the margin/padding around the widget surround.

ContentBottom

ContentBottom with its title3 widget variation.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu.

More

Sidebar

All Sidebar positions can be alternated, such as Side Main Side.

This is done via a sliding configuration option in the template manager.

More

Sidebar

Sidebar with its title5 widget variation.

More

Sidebar

Sidebar with its box3 shadow3 widget variation.

More

Sidebar

Sidebar with its box4 shadow6 widget variation.

More

Sidebar

Sidebar with its title4 widget variation.

More

Sidebar

Sidebar with its default widget variation.

More

Sidebar

Sidebar with its title6 widget variation.

More

Sidebar

Sidebar with its default widget variation.

More

Sidebar

Sidebar with its box5 shadow9 widget variation.

More

MainBottom with its notice1 widget variation.

MainBottom with its notice2 widget variation.

MainBottom with its notice3 widget variation.

Sidepanel

The Sidepanel position appears on every page. Therefore, the Mainbody grid is forced from full width to a distribution of 9.

There is a legacy function to force a full mainbody width if that is necessary. You will need to append ?layoutmode=component to the URL, such as via Menu Item.

More

Variation Combinations

Note: You can compound multiple variations together such as title2 standardcase flush. There are over 200 possible stylistic combos.

Sidepanel

The Sidepanel widget position, using its default widget variation.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu.

More

Sidepanel

The Sidepanel widget position, using its default widget variation.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu.

More

This is a Bottom widget position with its notice4 widget variation.

More

Bottom

Bottom with its default widget variation.

More

Bottom

Bottom with its default widget variation.

More

Bottom

Bottom with its default widget variation.

More