Text Size
Saturday, January 20, 2018
The Top-b position, using its default module styling. The date, by default, is located here.
The Top-d position, using its default module styling.
The Top-e position, using its default module styling.
The Top-f position, using its default module styling.

Header A

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

Header F

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

The menu in this demo also is located in the header-f position. However, you can place the menu in any of the Header-A,B,C,D,E & F positions that occupy this section.

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.

Feature F

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Top Tab Content

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.

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 4 standard suffixes: icon1, icon2, icon3 & icon4; applicable to the maintop, mainbottom, content-top, content-bottom, footer and sidebar positions.

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 its default module styling.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sidebar A

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sidebar C

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

Sidebar C

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

Sidebar C

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

Sidebar C

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

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 Tab Content

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.