This page demonstrates the available module styles and positions in this template .
Above Content
This module is in the above-content module position.
Module Styles and Positions
Below Content
This module is in the below-content module position.
Top position
This module is displayed in the top position. The upper module is the toolbar position (intended for a fixed navigation menu).
Featured position
This module is displayed in the featured position
We've added a 'module class suffix' of hero-unit to get the style you see.
Grid Top
This module is located in the grid-top module position. Add the module class suffix -white to get this effect.
Grid Top
This module is located in the grid-top module position. Add the module class suffix -white to get this effect.
Grid Top
This module is located in the grid-top module position. Add the module class suffix -white to get this effect.
Grid Top 2
This module is located in the grid-top2 module position. Add the module class suffix -blue to get this effect.
Grid Top 2
This module is located in the grid-top2 module position. Add the module class suffix -green to get this effect.
Grid Top 2
This module is located in the grid-top2 module position. Add the module class suffix -red to get this effect.
Grid Top 2
This module is located in the grid-top2 module position. Add the module class suffix -white to get this effect.
Grid Bottom
This Custom HTML module is published in the grid-bottom module position, using a div as container with the class module-background-dark.
Optionally add the class text-center and define a custom background-image with inline CSS.
<div class="module-background-dark text-center"
style="background-image:url(/path/to/image.jpg);">
...
</div>
Grid Bottom
This Custom HTML module is published in the grid-bottom module position, using a div as container with the class module-background-light.
Optionally add the class text-center and define a custom background-image with inline CSS.
<div class="module-background-light text-center"
style="background-image:url(/path/to/image.jpg);">
...
</div>
Grid Bottom 2
This module is published in the user grid-bottom2 position. This position allows for 1, 2, 3, 4, or 6 modules to be published and will space them evenly.
Grid Bottom 2
This module is published in the user grid-bottom2 position. This position allows for 1, 2, 3, 4, or 6 modules to be published and will space them evenly.
Grid Bottom 2
This module is published in the user grid-bottom2 position. This position allows for 1, 2, 3, 4, or 6 modules to be published and will space them evenly.
Grid Bottom 2
This module is published in the user grid-bottom2 position. This position allows for 1, 2, 3, 4, or 6 modules to be published and will space them evenly.