General Settings

Background Type

For examples of the different background types see: http://sassy.datahost3.com/layout-builder

Unset (default behavior)

The background color and section content will be contained within the main container of the layout-builder page (i.e. there will be "margins" on either side of the section).

bg-full

The background will break out of the main container and span the full width of the window. The content of the section will remain "contained"

If set on the first section in a multi-column section layout it will set the background for the entire row. Only the first section in a row should have bg-full set. Additionally, the Section Widths of the sections in the row must add up to 12 columns for the positioning to work correctly.

content-full

The section will break out of the main container and go all the way to edge of the screen, regardless of screen size. The background color will also be full width.

bg-align-right

This makes the background go all the way to the edge on the right side. This container type should only be used on the last section of a row. Additionally, the widths of the sections in the row will need to add up to 12 for the positioning to work correctly.

bg-mobile

This only applies the bg color at mobile size. This is useful when you want a middle or end section in a multi column layout to have a background color on mobile. (In the default behavior, it will have the background color of the first section in the row on desktop and on mobile it will get no background color)