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.

Main Menu

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.

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.

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.

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.

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.

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.

Sidebar C

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