Top A

The Top-a position, using the flag1 module suffix.

Read More

Top B

The Top-b position, using the flag2 module suffix.

Read More

Top C

The Top-c position, using the flag3 module suffix.

Read More

Top D

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

Read More

Top E

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

Read More

Top F

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

Read More

Showcase A

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

Read More

Showcase B

The Showcase-b position, using the title1 module suffix.

Read More

Showcase E

The Showcase-e position, using the title2 module suffix.

Read More

Showcase F

The Showcase-f position, using the title3 module suffix.

Read More

Feature A

The Feature-a position, using the flag1 module suffix.

Read More

Feature B

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

Read More

Feature C

The Feature-c position, using the flag2 module suffix.

Read More

Feature D

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

Read More

Feature E

The Feature-e position, using the flag3 module suffix.

Read More

Feature F

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

Read More

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

Read More

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

Read More

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

Read More

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

Read More

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

Read More

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

Read More

MainTop A

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

Read More

MainTop B

The MainTop-b position, using the noicon module suffix.

Read More

MainTop E

The MainTop-e position, using the title1 module suffix.

Read More

MainTop F

The MainTop-f position, using the title2 module suffix.

Read More

Content Top A

The Content-Top-a position, using the flag1 module suffix.

Read More

Content Top C

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

Read More

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 16 suffixes: flag1-3, title1-3, boxleft1-2, boxright1-2, divider, flush, flushtop, flushbottom, noicon & basic.

The Flag adds a solid background image behind the header, in the shape of a flag. The Title suffixes change the styling of the module titles only. The Box suffixes apply a subtle gradient, in a light or dark shade, to either the left or right side of the module. Divider simply adds a bevel divider to the bottom of the module. Remember, you can always combine suffixes together such as flag2 divider, which will produce a colored module title, with a bottom divider.

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. Noicon removes just the icon, but leaves the gradient with the Basic suffix removing both from the module styling.

Content Bottom A

The Content-Bottom-a position, using the flag2 module suffix.

Read More

Content Bottom C

The Content-Bottom-c position, using the boxleft2 module suffix.

Read More

Sidebar A

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

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

Read More

Sidebar A

The Sidebar-a position, using the flag3 module suffix.

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

Read More

Sidebar A

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

Nullam eget neque. Integer imperdiet venenatis ligula.

Suspendisse mi lorem, porttitor uterum.

Read More

Sidebar B

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

Read More

Sidebar B

The Sidebar-b position, using the title3 module suffix.

Read More

Sidebar B

The Sidebar-b position, using the divider module suffix.

Read More

Sidebar B

The Sidebar-b position, using the title1 module suffix.

Read More

Sidebar B

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

Read More

Sidebar C

The Sidebar-c position, using the boxright1 module suffix.

Read More

Sidebar C

The Sidebar-c position, using the boxright2 module suffix.

Read More

Sidebar C

The Sidebar-c position, using the title2 module suffix.

Read More

Sidebar C

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

Read More

Sidebar C

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

Read More

MainBottom A

The MainBottom-a position, using the flag1 module suffix.

Read More

MainBottom B

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

Read More

MainBottom E

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

Read More

MainBottom F

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

Read More

Bottom A

The Bottom-a position, using the flag2 module suffix.

Read More

Bottom B

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

Read More

Bottom C

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

Read More

Bottom D

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

Read More

Bottom E

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

Read More

Bottom F

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

Read More