Module Variations

Home Welcome!
Features Awesome Stuff
- Module Positions
- Module Variations
- Typography
- Menu Options
  - Menu Examples
    
    Child Items
    
    Menu Icons
    
    Module Menu
    
    Module in Menu
    
    This is an example of a module being displayed inside the menu dropdowns.
    
    Read More
  - Menu Types
    
    Fusion Menu
    
    Split Menu
    
    No Menu
- Extensions
- 404 Error Page
- More Details
Tutorials Theme Guides
Preset Styles Choose a Variation
- Preset 1
- Preset 2
- Preset 3
- Preset 4
- Preset 5
- Preset 6
- Preset 7
- Preset 8
- Preset 9
- Preset 10
J! Stuff Joomla Style

Module Variations

There are 10 stylistic module class suffixes, these add a unique style variation to the module: box1-4, title1-4, basictitle and basic; and 25 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, consecetur adipiscing elit. Donec sit amet nibh.

title3

An example module using the title3 module class suffix.

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

box1

An example module using the box1 module class suffix.

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

box3

An example module using the box3 module class suffix.

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

basictitle

An example module using the basictitle module class suffix.

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

title2

An example module using the title2 module class suffix.

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

title4

An example module using the title4 module class suffix.

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

box2

An example module using the box2 module class suffix.

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

box4

An example module using the box4 module class suffix.

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

basic

An example module using the basic module class suffix.

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

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.

box3 title4

An example module using the box1 title4 module class suffix.

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

box2 title2

An example module using the box2 title2 module class suffix.

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

box4 title3

An example module using the box4 title3 module class suffix.

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

box1 basictitle

An example module using the box3 basictitle module class suffix.

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

Standard Variations: 25 Additional Module Class Suffixes

rt-center: centres the content of the module.
shadow2-10 adds varying shadows around the module.
square and 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

Designed by RocketTheme