Info
Content

Layout: 50% 50%

Two columns 50% 50% layout at desktop

 

Category: Default.
Content Blocks Documentation: https://docs.modmore.com/en/ContentBlocks/v1.x/Layouts.html

50-50-Layout-Template.png

Settings are available by hovering over the field and clicking the cog in the top right

50-50-Layout-Template-Settings.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.

Section background colour: The background colour of the full-width section (Edge to edge). Defaults to white

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

Negative Margin: Ability to offset layout margin. Default to 0px

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

 

 

 

 

Back to top