WPBakery Page Builder

The main page builder in the theme is the integrated WPBakery Page Builder plugin. You can edit imported pages with your own content and create new ones using available modules of the plugin. Apart from the standard shortcodes available in WPBakery Page Builder, there are exclusive Polo modules integrated with the plugin. You can find all of them under the Polo modules tab.

Creating a new page

Add a new page in Pages>Add new, enter the title of your page, and click on the Backend Editor button to enter WPBakery Page Builder editor.

Click on Add element button and start adding modules to your page.

Add standard WPBakery Page Builder elements or Polo modules, that are located under Polo modules tabs. 

Use a one-column row or split the row into columns using predefined column settings or create a custom columns variant.

Reorder elements within the row/column or move to another row/column using flexible drag and drop function

Adding row inside another row

You can also put a row inside another row. It is a good solution if your row will include several columns and you want to put a background color/image to the entire row. For this simply add a new row by clicking on a PLUS icon, 
select Row element from the elements list


click on the PLUS icon of the added row,

 

and select Row element once again.

You will get row inside another row.



Now you can split the inner row into columns, if needed, and add elements to them.

Background color or image in the row

If you want to put background color/image to your row, click on the PENCIL icon in the upper right corner of the row section,

in the Row settings window switch to Design Options tab and select background color using color picker or upload an image.

You can also set margins and paddings in CSS box to make nice spacing within the row and outside it.

Fullwidth row

In order to make fullwidth row, click on the PENCIL icon in the upper right corner of the row section, in the Row settings window > 'General' tab > 'Row stretch' choose Stretch row option. It will stretch row background across the screen. Or choose Stretch row and content/Stretch row and content(no paddings) - it will stretch row background and content as well. 

More about other row settings you will find in 'Row background variations' documentation section.