Info
Content

Layout: Hero 5 - Variable Columns

Hero 5 - Variable column layout for heros.

Category: Templates - Sections - Waterlogic Heros.
Content Blocks Documentation: https://docs.modmore.com/en/ContentBlocks/v1.x/Layouts.html

You can create a hero area with variable column widths. By default the column widths are 50/50 in width but can be changed using the Bootstrap Column 1 and Bootstrap Column 2 settings. For documentation on changing column widths using Bootstrap classes see http://websitedocs.waterlogic.com/books/content-blocks/page/grid-layout 

hero-5-layout.png

Settings

Bootstrap Column 1: Classes by bootstrap for the grid. Defaults to col- https://getbootstrap.com/docs/4.0/layout/grid/

Bootstrap Column 2: Classes by bootstrap for the grid. Defaults to col-12 https://getbootstrap.com/docs/4.0/layout/grid/

Data-UID Attribute: Unique data attribute used for referencing the layout.

Show full width?: Should the section show full width. Using Bootstrap container and container-fluid.

Show Gutters?: Should the gutters show for this layout. Default to Yes.

Vertical Align?: Should the content within this layout show vertically aligned. Default to Yes.

Background Colour: The background colour of the layout. Default to White.

Padding Top: Padding top for the layout. Default to 45px.

Padding Bottom: Padding bottom for the layout. Default to 45px

Margin Top: Margin top for the layout. Default to 60px

Margin Bottom: Margin bottom for the layout. Default to 0px

Reverse Mobile Order: Should this layout be reversed on mobile? Useful for alternating 50/50 content layouts.

Back to top