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:

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:

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.

The positions "toolbar", "menu" and "bottom-menu" default are navbar and can not be changed with module class suffix or menu class.

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

joomlashack

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>