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.

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

Header E

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

Read More

Header F

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

Read More

Showcase A

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

Read More

Showcase B

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

Read More

Showcase E

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

Read More

Showcase F

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

Read More

Feature A

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

Read More

Feature B

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

Read More

Feature E

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

Read More

Feature F

This is the Feature-f module position, using the noicon class suffix.

Read More

MainTop A

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

Read More

MainTop B

This is the MainTop-b module position, using the med class suffix, standard styling with the med body level.

Read More

MainTop E

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

Read More

MainTop F

This is the MainTop-f module position, using the low class suffix, standard styling with the low body level.

Read More

Content-Top A

The Content-Top-a position, using the med noicon class suffix, standard styling with the med body level.

Read More

Content-Top C

The Content-Top-c position, using the high class suffix, standard styling with the high body level.

Read 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 5 suffixes: high, med, low, noicon and flush.

High, Med and Low are linked to the standard styling of each body level. Therefore, you can make a module use the styling of the med body level when using the low or high body levels.

Noicon will disable the icon that is to the left of the module title (can be used in combination with others such as high noicon); with flush disabling module padding and margin for a tighter fit.

Content-Bottom C

The Content-Bottom-c position, using the med class suffix, standard styling with the med body level.

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

Read More

Sidebar A

This is the Sidebar-a module position, using the low class suffix, standard styling with the low body level.

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.

Read More

Sidebar A

This is the Sidebar-a module position, using the med class suffix, the standard style of the med body level.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Read More

Sidebar A

This is the Sidebar-a module position, which is using the noicon module class suffix.

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

Read More

Sidebar C

This is the Sidebar-c module position, using the med module class suffix, mimicking the standard module styling of the med body level.

Read More

Sidebar C

This is the Sidebar-c module position, using the high module class suffix, mimicking the standard module styling of the high body level.

Read More

Sidebar C

This is the Sidebar-c module position, using the low module class suffix, mimicking the standard module styling of the low body level.

Read More

Sidebar C

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

Read More

MainBottom A

The MainBottom-a position, using the low class suffix, standard styling with the low body level.

Read More

MainBottom B

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

Read More

MainBottom E

The MainBottom-e position, using the med class suffix, standard styling with the med body level.

Read More

MainBottom F

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

Read More

Bottom A

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

Read More

Bottom B

This is the Bottom-b module position, using the med class suffix, standard styling with the med body level.

Read More

Bottom E

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

Read More

Bottom F

This is the Bottom-f module position, using the low noicon class suffix, the standard style of the low body level.

Read More