• Home
  • Features
    • Module Positions
    • Module Variations
    • Menu Example
      • Menu Examples
        1. Child Items
          • Child Items Single Column Example
            • Child Item
            • Child Item
            • Child Item
            • Child Item
          • Child Items Dual Column Example
            • Child Item
            • Child Item
            • Child Item
            • Child Item
            • Child Item
            • Child Item
            • Child Item
            • Child Item
          • Child Items Triple 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 Items Quad 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
            • Child Item
            • Child Item
            • Child Item
        2. icon-like.png Menu Icons
        3. Module Menu

          • Module in Menu

            This is an example of a module being displayed inside the menu dropdowns.

            Read More

      • Grouped Items
        1. Child Item
        2. Child Item
        3. Child Item
  • Typography
  • Joomla
  • Styles

Module Variations

There are 10 stylistic module class suffixes, these add a unique style variation to the module: box1-4, title1-4, rt-largetitle and noblock; and 25 structural suffixes, these affect the layout and metrics of the module.

title1

An example module using the title1 module class suffix.

title3

An example module using the title3 module class suffix.

box1

An example module using the box1 module class suffix.

box3

An example module using the box3 module class suffix.

rt-largetitle

An example module using the rt-largetitle module class suffix.

title2

An example module using the title2 module class suffix.

title4

An example module using the title4 module class suffix.

box2

An example module using the box2 module class suffix.

box4

An example module using the box4 module class suffix.

noblock

An example module using the noblock module class suffix.

Lorem ipsum dolor sit amet, consectetur 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.

box1 title4

An example module using the box1 title4 module class suffix.

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

More

box2 title2

An example module using the box2 title2 module class suffix.

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

More

box3 title1

An example module using the box3 title1 module class suffix.

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

More