Sample Sidebar Module

This is a sample module published to the sidebar_top position, using the -sidebar module class suffix. There is also a sidebar_bottom position below the menu.

Sample Sidebar Module

This is a sample module published to the sidebar_bottom position, using the -sidebar module class suffix. There is also a sidebar_top position below the search.
Setting Up Module Styles

Sample Drop Down Module

This is an example of a module published to the drop_down row. This row contains 6 modules. To enable the drop down simple publish any module to any of the drop_down_x positions.

Open Panel

Search Our Site

  • fr-FR
  • English (UK)

Top Row1 Modules

This is an example of a module published to the top_row_1 row. This row contains 6 modules, read below for a full description.

Top Row2 Modules

This is an example of a module published to the top_row_2 row. This row contains 6 modules, read below for a full description.

Top Row3 Modules

This is an example of a module published to the top_row_3 row. This row contains 6 modules, read below for a full description.

There are no articles in this category. If subcategories display on this page, they may contain articles.

Subcategories

Demo Info

The latest news from the Joomla! Team

Samples

Right

This is an example of a module published to the right position. There are also left, insets, rows, etc. positions and many others, be sure to read the full description. This is the default style that will appear for most module positions in the white body area.

-dark

This is the -dark module style and can be applied to most module positions.

-gray

This is the -gray module style and can be applied to most module positions.

-highlight

This is the -highlight module style and can be applied to most module positions.

-outlined

This is the -outlined module style and can be applied to most module positions.

-outlined_highlight

This is the -outlined_highlight module style and can be applied to most module positions.

-small_title

This is the -small_title module style and can be applied to most module positions.

-centered_dark

This is the -centered_dark module style and can be applied to most module positions.

Note - There is also a -centered_white class for use on dark backgrounds. The font size of the title will change depending on where this class is used. Row areas will show a much larger title than shown here.

-highlight_title

This is the -highlight_title module style and can be applied to most module positions.

Bottom Row1 Modules

This is an example of a module published to the bottom_row_1 row. This row contains 6 modules, read above for a full description.

Bottom Row2 Modules

This is an example of a module published to the bottom_row_2 row. This row contains 6 modules, read above for a full description.

Bottom Row3 Modules

This is an example of a module published to the bottom_row_3 row. This row contains 6 modules, read above for a full description.