Equalize the column heights of all columns in the layer then choose whether the content in the column content should be vertically aligned to the top center or bottom of the column.
Beaver builder colmun gutter.
Click the column icon for a column in the layout and choose column settings.
In the content panel click the rows tab and drag the column configuration you want into the layout.
Set a minimum column height.
On the style tab change the percentage in column width.
Last updated on 7 15 2020.
Knowing how columns will stack is an important factor in how you construct your page.
Css classes adding css classes while using page builder css classes can be added to modules.
Beaver builder has a setting to reverse the stacking order but you can t choose an arbitrary stacking order.
For guides explaining the basics of using page builder please view the documentation guides section instead.
To drag one or more empty columns into the layout.
If you set a minimum column height for one column in a layer it will propagate to all columns in the layer.
This setting applies to all device sizes unless you use the procedure below to change the width separately for medium and small devices.
As an alternative you can prevent column stacking by setting column widths for medium and small devices.