Setting Up Module Styles

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.

Details: Written by Super User; Category: Samples; Published: 12 May 2013; Hits: 4734

Lorem diceret ut vim, qui ipsum dolor sit amet, minim menandri eam at, usu ex modo copiosae. Cibo atomorum ocurreret ei qui, causae fabellas sapientem quo an, ut nemore aperiri appellantur nec.Lorem diceret ut vim, qui ipsum dolor sit amet, minim menandri eam at, usu ex modo copiosae. Cibo atomorum ocurreret ei qui, causae fabellas sapientem quo an, ut nemore aperiri appellantur nec. Lorem diceret ut vim, qui ipsum dolor sit amet, minim menandri eam at, usu ex modo copiosae. Cibo atomorum ocurreret ei qui, causae fabellas sapientem quo an, ut nemore aperiri appellantur nec.

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.

gray

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

highlight1

This is the "highlight1" module style and can be applied to most module positions.

highlight2

This is the "highlight2" module style and can be applied to most module positions.

border

This is the "border" module style and can be applied to most module positions.

centered

This is the "centered" module style and can be applied to most module positions.

large_title

This is the "large_title" module style and can be applied to most module positions.

split title

This is the "split_title" module style and can be applied to most module positions.

split title large

This is the "split_title_large" module style and can be applied to most module positions.

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.

Our Address

1103 Park Avenue
Colorado City, CO 15237

1-800-555-1212

[email protected]

Sample Sidebar Module

Home

Pages

Extensions

Features

Tutorials