Most of the time you’ll simply drag a row into your page. You can stack rows one above the other.
When the page builder is activated…
- Click the + icon to open the Modules, Rows and Templates dialogue box
- Select the Rows tab
- Drag a 2, 3 or 4 column layout into your page
For instance you could place a single column row above a two column row above a four column row.
Then just drag modules into each row to add content.
For instance you could put a headline module in the top row, two text modules in the middle row and four photo modules in the bottom row.
Or you could use any other combination of modules you can think of.
Background colours & images
One important point to consider is, do you want to add a background to a specific row in your layout. If you do, you’ll have to build your layout making sure your rows and columns stay within a single parent row. That parent row could then have a background colour or image attached to it. All of the rows stacked inside that parent row would share the same background colour.
You can add backgrounds to parent rows, child rows or individual columns. Some modules also have their own background setting.
The easiest way to figure this out is to draw your layout on paper before you start building it in Beaver Builder.
At first building layouts can seem confusing. But if you keep a few simple rules in mind you’ll soon get the hang of it.
A few simple rules for rows and columns…
- You can place one row inside another row. But you can not go three layers deep.
- If you see ONE blue line at the far left edge, you can add another row within this column.
- If you see TWO blue lines at the far left edge you can NOT add another row here.
If you look carefully you will see a grey border around the blue columns. The grey border represents the parent row.
- You can stack several rows one above another inside a parent row.
- You can add as many parent rows (grey border) to your layout as you need.
- You can add backgrounds to parent rows, child rows or individual columns.
- There is an extra background colour setting in some PowerPack modules too.