Page Builder's advanced layout settings allow you to further customize the look and layout, giving your page a modern look and feel! Enhanced column layout settings and background colors are making Page Builder design even more flexible, versatile, and visually pleasing.
Need to learn the basics or see some examples for inspiration before you learn the "how to" for advanced column settings? Click here:
Advanced column settings
Advanced column settings allow you to have more control over the layout of the components within your columns on a page.
Stack vertically or horizontally
Align to 9 different areas within the section
Stretch items to Fit, 50% or 25%
Add a background image or color to the individual sections
How to find column settings
To edit column settings, click the 3-dot Drop-down and choose "Col Settings"
You'll want to have your components added to the column before editing these settings. (i.e. text, pics, video, etc)
Within the column/section, you can choose to:
Stack your chosen components vertically or horizontally
Align them to the top, bottom, left, right or center
Stretch items to Fit, 50% or 25%
Add a background images or color to the individual sections
For additional customization on the page you can:
To add a column within a row, click the 3-dot Drop-down and choose "Add Column" (up to 4 columns).
To move a row or column or item within a row or column, click the 3-dot Drop-down and choose your desired arrow options.
To change the column distribution widths, click the 3-dot Drop-Down and choose "Row Settings" and then choose your desired width layout.
TIP: Couple these with the “blur” and “opacity” options in the page styling in the theme editor!
Examples
Here are some examples using these advanced settings:
