Top F

The Top-f position, using its default widget styling.

Top E

The Top-e position, using its default widget styling.

Top D

The Top-d position, using its default widget styling.

Top C

The Top-c position, using its default widget styling.

Top B

The Top-b position, using its default widget styling.

Top A

The Top-a position, using its default widget styling.

Header D

This is the Header-d widget position, using its default widget styling. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at sem ut ipsum vestibulum euismod. Mauris et massa porta leo facilisis feugiat. Suspendisse id neque a sem facilisis blandit. Aliquam sem leo, commodo ut, rutrum auctor, iaculis.

Header A

This is the Header-a widget position, using the ribbon8 widget class suffix.

Showcase F

This is the Showcase-f widget position, which is using default module styling.

Read More

Showcase E

This is the Showcase-e widget position, which is using default module styling.

Read More

Showcase B

This is the Showcase-b widget position, which is using default module styling.

Read More

Showcase A

This is the Showcase-a widget position, which is using default module styling.

Read More

Feature F

This is the Feature-f widget position, using the box4 widget class suffix.

Read More

Feature E

This is the Feature-e widget position, using the box3 widget class suffix.

Read More

Feature D

This is the Feature-d widget position, using the box2 widget class suffix.

Read More

Feature C

This is the Feature-ca widget position, using the box1 widget class suffix.

Read More

Feature B

This is the Feature-b widget position, using the default widget class suffix.

Read More

Feature A

This is the Feature-a widget position, using the ribbon1 widget class suffix.

Read More

MainTop F

This is the MainTop-f widget position, using the box8 widget class suffix.

Read More

MainTop E

This is the MainTop-e widget position, using the box7 widget class suffix.

Read More

MainTop D

This is the MainTop-d widget position, using the box6 widget class suffix.

Read More

MainTop A

This is the MainTop-a widget position, using the ribbon2 widget class suffix.

Read More

Content Top C

This is the Content-top-c widget position, using the ribbon2 widget class suffix.

Content Top A

This is the Content-top-a widget position, using the ribbon3 widget class suffix.

Widget Variations

Widget Variations allow for the individual styling of each widget within a position, without it being global. Code wise, this is achieved by adding a class into the widget code which loads from the Widget Variations field in the widget settings. The theme CSS adjusts accordingly.

Choose any available variation at Appearance ??? Widgets ??? Widget ??? Widget Variations

There are 4 types of suffix: box1-8, ribbon1-8, footer and flush, flushtop & flushbottom.

The Ribbon style modifies the module header with an under-wrapping ribbon graphic. Therefore, this style is best placed in the sidebar or the left most module in a row so overlap can occur. The Box style adds a colored block element around the module. Both can be placed inside any white areas: Feature, MainTop/Bottom, Content-Top/Bottom, Sidebar, Bottom & Footer. These will work in the Header, Showcase & Top positions but some may not blend as well visually.

Footer adds a single, solid, grey bar behind the module header to allow for a continuous bar across an entire module row – also confined to the white module areas. Flush will disable all padding and margin to the module for a tighter fit, with FlushTop and FlushBottom disabling the margin/padding for the Top/Bottom parts of the module respectively.

Sidebar C

This is the Sidebar-c widget position, using the ribbon5 widget class suffix.

Read More

Sidebar C

This is the Sidebar-c widget position, using the ribbon6 widget class suffix.

Read More

Sidebar C

This is the Sidebar-c widget position, using the box7 widget class suffix.

Read More

Sidebar C

This is the Sidebar-c widget position, using the box8 widget class suffix.

Read More

Sidebar B

This is the Sidebar-b widget position, using the ribbon1 widget class suffix.

Read More

Sidebar B

This is the Sidebar-b widget position, using the ribbon2 widget class suffix.

Read More

Sidebar B

This is the Sidebar-b widget position, using the ribbon3 widget class suffix.

Read More

Sidebar B

This is the Sidebar-b widget position, using the ribbon4 widget class suffix.

Read More

Sidebar A

This is the Sidebar-a widget position, using its default widget styling.

All Sidebar positions can be placed in alternate orientations, such as Side Main Side Side rather than the default exhibited on the demo. This is done via a sliding configuration option in the administrator template parameters.

Read More

Sidebar A

This is the Sidebar-a widget position, using the ribbon7 widget class suffix.

Read More

Sidebar A

This is the Sidebar-a widget position, using the ribbon8 widget class suffix.

Read More

MainBottom F

This is the Main-bottom-f widget position, using the box6 widget class suffix.

Read More

MainBottom E

This is the Main-bottom-e widget position, using the default widget class suffix.

Read More

MainBottom B

This is the Main-bottom-b widget position, using the box2 widget class suffix.

Read More

MainBottom A

This is the Main-bottom-a widget position, using the ribbon5 widget class suffix.

Read More

Bottom F

This is the Bottom-f widget position, using the box5 widget class suffix.

Read More

Bottom E

This is the Bottom-e widget position, using the default widget class suffix.

Read More

Bottom D

This is the Bottom-d widget position, using the box7 widget class suffix.

Read More

Bottom C

This is the Bottom-c widget position, using the default widget class suffix.

Read More

Bottom B

This is the Bottom-b widget position, using the ribbon4 widget class suffix.

Read More

Bottom A

This is the Bottom-a widget position, using the ribbon6 widget class suffix.

Read More