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
This is the custom_1 position. It is designed to be 100% of the this area's width.
Register

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 and the module class suffix -highlight. This row contains 6 modules, read below for a full description.

New S5 Info Slide CSS
Versions Now in Vertex

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at iaculis nulla. Cras magna diam, laoreet eget convallis dictum, molestie et leo. Suspendisse ac purus sodales ante accumsan consectetur. Etiam

Menu Scroll To Section

This template includes a scroll to feature that will scroll your page to a specified section of your site. All you have to do is create an external link in your menu manager and then in the URL area enter in any ID on your page. You can reference any of the following IDs in order:

  • #s5_header_area1
  • #s5_top_row1_area1
  • #s5_top_row2_area1
  • #s5_top_row3_area1
  • #s5_center_area1
  • #s5_bottom_row1_area1
  • #s5_bottom_row2_area1
  • #s5_bottom_row3_area1
  • #s5_footer_area1

Screenshot of admin area of an external menu item with DIV reference entered:

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. Because of the unique column style of this template not all module classes will work properly in the left and right columns. Any module classes that will work in the columns are published below and the other body module classes are published to the left.

-highlight

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

-darkback_nospacing

This is the -darkback_nospacing module style and can be applied to most module positions. It includes no top space so it can be butted up against the darkback as shown on the homepage.

-darkback

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

-lines

This is the -lines 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 with module suffix of -highlight. 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 with module suffix of -darkback. 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.