Setting Up Module Styles

Extensions

S5 Accordion Menu
S5 Box
S5 Tab Show
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 Disqus Comments
S5 Image and Content Fader
S5 MailChimp
S5 Live Search

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 Store

Create an Account

My Account

Product Categories

Корзина пуста

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.

В данной категории нет материалов.

Подкатегории

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.

border

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

one

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

two

This is the "two" module style with a background image applied in the Vertex theme specific area and can be applied to most module positions.

three

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

four

This is the "four" module style with a background image applied in the Vertex theme specific area and can be applied to most module positions.

five

This is the "five" module style with a background image applied in the Vertex theme specific area and can be applied to most module positions.

six

This is the "six" module style with a background image applied in the Vertex theme specific area 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.

Call Us Any Time At
(123)-123-1234
We Are Open 24 Hours 7 Days A Week

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.

Location
1000 Ross Municipal Drive
Bigtownville, CO 15237

Free Shipping
on orders over $100

Returns Accepted
within the first 30 days after purchase

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

Store