104 Module Positions

Extensions

S5 Accordion Menu
S5 Box
S5 Tab Show
S5 Map it With Google
S5 MailChimp
S5 Flex Menu
- Drop Down Menu
- Menu Module Example
- Grouped Child Menu
  - Dummy Sample Link
  - Dummy Sample Link
  - Dummy Sample Link
  - Dummy Sample Link
  - Dummy Sample Link
  - Dummy Sample Link
- Menu With No Menu Icon
S5 Image and Content Fader - NEW V4!
S5 Live Search
S5 Disqus Comments
S5 Vertical Accordion

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

Top Row1 Modules - Class "shadow"

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. This particular module has the module class "shadow" applied to it, which can be applied to most module positions except for the center columns, ie: left, right, etc.

Top Row2 Modules

This is an example of a module published to the top_row_2 row. This module is using the class "-white" which can be used on any dark background. 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, it is shown using the class suffix -white_large. 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.

Icon Example

The following is an example of how you can add an icon to any module you desire. All you need to do is enter in the prefix of "s5_icon" in the module suffix followed by the icon class name. For example the suffix used on this class is "s5_icon.ion-android-globe"

The following URL lists all the ion icon classes that you can choose from. You can also use font awesome icon classes and they will function the same way.

View Icons

dark

This is the "dark" module style and can be applied to most module positions. Be sure to include a space before the suffix.

gray

This is the "gray" module style and can be applied to most module positions. Be sure to include a space before the suffix.

highlight1

This is the "highlight1" module style and can be applied to most module positions. Be sure to include a space before the suffix.

highlight2

This is the "highlight2" module style and can be applied to most module positions. Be sure to include a space before the suffix.

larger_title

This is the "larger_title" module style and can be applied to most module positions. Be sure to include a space before the suffix.

outlined

This is the "outlined" module style and can be applied to most module positions. Be sure to include a space before the suffix.

highlight1_border

This is the "highlight1_border " module style and can be applied to most module positions. Be sure to include a space before the suffix.

highlight2_border

This is the "highlight2_border " module style and can be applied to most module positions. Be sure to include a space before the suffix.

-none

This is the -none 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.

Sample Sidebar Module

Styles

Pages