The Page Builder is an area where you are spending a lot of time building your pages. It is important to know each important term in the Page Builder such as Block, Element, Row, and Controls.


image2.png


Blocks

A block contains rows and elements inside of them. Blocks are containers for everything that you put inside of it.


image1.png

To have a better visualization of your blocks, click ‘Instant Block’ from the Builder tab.

image4.png


Rows and Elements

In this example, you will see two columns with a single row.

image3.png

To start adding columns follow these steps:

 

  1.  Click ‘Add Block’.


image5.png

  1.  Select the number of columns you want to add.

image6.png


  1.  Each individual components that you add are called Elements. Now drag an element of your choice into each column. 

image8.png


Controls

Each Element has their own set of controls. In order to access it, you need to click the cog icon on the element that you want to change its controls. Changing controls lets you define the element’s Style, Border, Width, etc.

You change a control from the row level to the block level.

image7.png