Top position

This module is displayed in the top position.  The upper module is the toolbar position (intended for a fixed navigation menu).

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.

Above Content

This module is in the above-content module position.

Module Styles and Positions

This page demonstrates the available module styles and positions in this template .

breezemmthumb

Below Content

This module is in the below-content module position.

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.