Home
Features
- Module Variations
- Module Positions
- Menu Example
  - Menu Image
  - SubText Line Example Text
  - Menu Module
    
    This is an example of a module being displayed inside the menu dropdowns.
    
    Read More
  - Grouped Items
    
    Child Item
    
    Child Item
Typography
Presets
Category Blog

Module Variations

There are 11 stylistic module class suffixes, these add a unique style variation to the module: box1-7 and title1-4; and 26 structural suffixes, these affect the layout and metrics of the module.

Title1

An example module using the title1 module class suffix.

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

Title3

An example module using the title3 module class suffix.

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

Box1

An example module using the box1 module class suffix.

Box3

An example module using the box3 module class suffix.

Box5

An example module using the box5 module class suffix.

Box7

An example module using the box7 module class suffix.

Title2

An example module using the title2 module class suffix.

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

Title4

An example module using the title4 module class suffix.

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

Box2

An example module using the box2 module class suffix.

Box4

An example module using the box4 module class suffix.

Box6

An example module using the box6 module class suffix.

Using a Suffix

Enter any available suffixes at Extensions → Module Manager → Module → Module Class Suffix.

You can compound multiple suffixes together such as: box1 title3.

box1 title1

An example module using the box1 title1 module class suffix.

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

box3 title2

An example module using the box3 title2 module class suffix.

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

box5 title3

An example module using the box5 title3 module class suffix.

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

box7 title4

An example module using the box7 title4 module class suffix.

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

‹

Presets

BG Color

BG Patterns

Accent Color

Apply

Standard Variations: 26 Additional Module Class Suffixes

rt-center: centres the content of the module.
shadow2-10 adds varying shadows around the module.
rounded, square, basic: changes the border style of the module.

standardcase, uppercase, lowercase: change the case of the module title.
nomargintop, nomarginright, nomarginbottom, nomarginleft, nomarginall: removes the various margins around the module.

nopaddingtop, nopaddingright, nopaddingbottom, nopaddingleft, nopaddingall: removes the various paddings around the module