On this page you will see all of the module styles available, including different menu module options and horizontal nav options.

All of the displayed styles are achieved using either a Module Class Suffix, a Menu Class Suffix, a combination of the two, or no suffixes at all.
Notes are provided under each module to display which suffixes have been used.

Module Class Suffix

The module itself will gain styles based on the Module Class Suffix, which is added in the module's parameters as seen in the screenshot below:

module class

Menu Class Suffix

Menus can be styled with the use of a Menu Class Suffix added to the menu module's parameters as seen below:

module class

Important!

Menu and Module Class Suffixes must be proceeded by an empty space. If no space is left before the suffix you will not get the desired formatting results.

Horizontal Menus

Also horizontal menus can be easily created in any position, by adding Menu and Module Class Suffixes to the menu module.

Examples below:

The previous menu uses:

  • Menu Class Suffix: navbar-inner
  • Module Class Suffix: navbar clearfix

The previous menu uses:

  • Menu Class Suffix: navbar-inner
  • Module Class Suffix: navbar navbar-inverted clearfix

The previous menu uses:

  • Menu Class Suffix: nav-tabs

The previous menu uses:

  • Menu Class Suffix: nav-pills

Basic Featured position

This featured module can be achieved in grid-top, grid-top2, grid-bottom and grid-bottom2 positions.

Add Suffix "featured"

Placing a link with "Title" as content, will link the title

Code of this module:
<img src="/images/kitten2.jpg" alt="joomlashack"//>
<p>Text</p>