Setting Up Module Styles

Top Row1 Modules

This is an example of a module published to the top_row_1 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.

white-title module style

This is an example of a module published to the top_row_2 row. This module is using the class " white-title" which can be used on any dark background. This row contains 6 modules, read below for a full description.

dark-title module style

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.

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

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.

Split Title Style

This is the "split-title" module style and can be applied to most module positions and can be added to other classes, eg: "dark split-title".

border

This is the "border" 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 "highlight1" 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.

Sample Sidebar Module

Home

Pages

Extensions

Features

Tutorials

Sample Sidebar Module

Sample Drop Down Module

Search Our Site