Top A

The Top-a position, using the underline module class suffix.

More

Top B

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

More

Top C

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

More

Top D

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

More

Top E

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

More

Top F

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

More

Header A

The Header-a position, using the tab1 module class suffix.

More

Header A

The Header-a position, using its default module styling.

More

Header B

The Header-b position, using its default module styling.

More

Header F

The Header-f position, using its default module styling.

More

Header F

The Header-f position, using the tab2 module class suffix.

More

Showcase A

The Showcase-a position, using the tab1 module class suffix.

More

Showcase B

The Showcase-b position, using the tab2 bg2 module class suffix.

More

Showcase E

The Showcase-e position, using its default module styling.

More

Showcase F

The Showcase-f position, using the tab3 bg3 module class suffix.

More

Feature A

The Feature-a position, using its default module styling.

More

Feature B

The Feature-b position, using the tab3 bg2 suffix.

More

Feature C

The Feature-c position, using its default module styling.

More

Feature D

The Feature-d position, using the tab2 suffix.

More

Feature E

The Feature-e position, using its default module styling.

More

Feature F

The Feature-f position, using the tab1 suffix.

More

The Utility-a position, using its default module styling.

More

The Utility-b position, using its default module styling.

More

The Utility-c position, using its default module styling.

More

The Utility-d position, using its default module styling.

More

The Utility-e position, using its default module styling.

More

The Utility-f position, using its default module styling.

More

Features Module Variations

MainTop A

The MainTop-a position, using the tab2 module class suffix.

More

MainTop B

The MainTop-b position, using its default module styling.

More

MainTop E

The MainTop-e position, using the tab1 bg2 module class suffix.

More

MainTop F

The MainTop-f position, using its default module styling.

More

Content Top A

The Content-Top-a position, using its default module styling.

More

Content Top C

The Content-Top-c position, using the tab3 module class suffix.

More

Module Variations

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

Enter any available suffixes at Extensions → Module Manager → Module → Module Class Suffix

There are 11 suffixes: tab1-3, bg1-3, underline, number and flush, flushtop, flushbottom.

The Tab suffixes add a solid background image behind the header, in the shape of a tab. The BG suffixes change the color of the module background only. Underline simply adds a border to the bottom of the module header. Remember, you can always combine suffixes together such as tab3 b2, which will produce a colored module title, with a colored background. Number is specifically designed for the menu module, adding a decimal list before the border graphic.

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.

Content Bottom A

The Content-Bottom-a position, using the tab2 bg1 module class suffix.

More

Banner

Content Bottom C

The Content-Bottom-c position, using its default module styling.

More

Sidebar A

The Sidebar-a position, using the tab1 bg3 module class suffix.

Duis feugiat convallis fringilla. Integer varius, dui ut faucibus aliquet.

More

Sidebar A

The Sidebar-a position, using its default module styling.

Nullam lectus erat, tincidunt quis lacinia et, semper ac magna vel diam.

More

Sidebar B

The Sidebar-b position, using the tab2 module class suffix.

Aenean massa. Mauris tincidunt. Vivamus consectetur, tortor sit amet dictum.

More

Sidebar B

The Sidebar-b position, using the underline module class suffix.

Pellentesque aliquet odio ac nunc placerat tincidunt vel non orci.

More

Sidebar B

The Sidebar-b position, using the tab3 module class suffix.

Sed vulputate porta lectus vitae ultricies.

More

Sidebar C

The Sidebar-c position, using its default module styling.

More

Sidebar C

The Sidebar-c position, using the tab3 module class suffix.

Nullam eget neque. Integer imperdiet venenatis ligula.

More

Sidebar C

The Sidebar-c position, using its default module styling.

More

Sidebar C

The Sidebar-c position, using the underline module class suffix.

More

MainBottom A

The MainBottom-a position, using its default module styling.

More

MainBottom B

The MainBottom-b position, using the tab3 module class suffix.

More

MainBottom E

The MainBottom-e position, using its default module styling.

More

MainBottom F

The MainBottom-f position, using the tab1 module class suffix.

More

Bottom A

The Bottom-a position, using its default module styling.

More

Bottom B

The Bottom-b position, using the tab1 suffix.

More

Bottom C

The Bottom-c position, using its default module styling.

More

Bottom D

The Bottom-d position, using its default module styling.

More

Bottom E

The Bottom-e position, using the tab2 suffix.

More

Bottom F

The Bottom-f position, using its default module styling.

More