Top A

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

Top B

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

Top C

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

Top D

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

Top E

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

Top F

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

Header A

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

Header B

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

Lorem ipsum dolor sit amet, consec tetur adip iscing elit. Vesti bulum at sem ut ipsum.

Mauris et massa porta leo facilisis feugiat. Suspen disse id neque.

Header E

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

Lorem ipsum dolor sit amet, consec tetur adip iscing elit. Vesti bulum at sem ut ipsum.

Mauris et massa porta leo facilisis feugiat. Suspen disse id neque.

Header F

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

Lorem ipsum dolor sit amet, consec tetur adip iscing elit. Vesti bulum at sem ut ipsum.

Mauris et massa porta leo facilisis feugiat. Suspen disse id neque.

Showcase A

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

Showcase B

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

Showcase E

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

Showcase F

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

Feature A

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Feature B

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Feature E

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Size

Feature F

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

MainTop a

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

MainTop B

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

MainTop C

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

MainTop E

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

MainTop F

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

Content-Top A

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

Content-Top C

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

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 3 standard suffixes: titlecolor, simple & background. All positions can apply the titlecolor suffix, and simple & background only apply to the maintop, content-top, content-bottom and sidebar positions.

However, there is also a non-standard suffix showcase, which applies to the showcase-a/f positions. This affects the module title as seen on the frontpage, i.e. Popular

Content-Bottom A

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

Content-Bottom C

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

Sidebar A

The Sidebar-a module position, using its default module 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 down via a sliding configuration option in the template parameters.

Sidebar A

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sidebar A

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sidebar C

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sidebar C

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sidebar C

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

MainBottom A

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

MainBottom B

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

MainBottom E

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

MainBottom F

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

Bottom A

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

Bottom B

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

Bottom C

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

Bottom D

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

Bottom E

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

Bottom F

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