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.

Header F

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

Home
Features Awesome Stuff
- Gantry Framework
- Preset Styles
- Module Variations
- Module Positions
- Advanced Menu
- Menu Icons 21 Custom Icons
  - Add Icon
  - Arrow Icon
  - Briefcase Icon
  - Calendar Icon
  - Check Icon
  - Crank Icon
  - Delete Icon
  - Docs Icon
  - Email Icon
  - Home Icon
  - Key Icon
  - Lock Icon
  - Unlock Icon
  - Minus Icon
  - Monitor Icon
  - Notes Icon
  - Post Icon
  - Printer Icon
  - RSS Icon
  - Warning Icon
  - Write Icon
- Integrated Extensions
- Child Item Examples Sublevel Demo
  - Child Item
  - Child Item Single Column Example
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
  - Child Item Multi-Column Example
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item Single Column Example
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
    
    Child Item
  - Child Item
Typography Content Styling
Extensions Enhance your site
- JComments
- RokStories
- RokTabs
- RokNewsPager
- RokNavMenu
- RokBox
- RokAjaxSearch
- RokCandy
- RokGZipper
- RokPad
Tutorials Theme Guides
Preset Styles Choose a Variation
J! Stuff
Fale Conosco

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

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

Feature B

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

Feature E

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

Text Size

Feature F

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

MainTop A

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

MainTop B

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

MainTop E

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

MainTop F

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

Content-Top A

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

Content-Top C

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

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.

Posted by Luiz Mattos Dez 19, 2009

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.

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.

MainBottom A

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

MainBottom B

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

MainBottom E

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

MainBottom F

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

Developed By

Scroll To Top

[ Reset Settings ]