This tutorial is kindly provided by the plugin developer. You can access the full plugin's documentation on this URL: http://kb.wpbeaverbuilder.com/collection/2-page-builder




The Beaver Builder Plugin is integrated into all VamTam Beaver Themes. 


In order to start building layouts, open any of your pages in the Pages section of your website Dashboard. Within each page, click the Page Builder tab to launch Vamtam Beaver Builder.

Start Vamtam Beaver Builder for a new page:



When you create a new page, start Page Builder from the Add New Page or Edit Page screen.

Click the Page Builder tab to the right of the Text Editor tab, as shown in the following screenshot.


Start Vamtam Beaver Builder from the Admin bar:




After you have saved a page that was built with Vamtam Beaver Builder, you can click the Vamtam Beaver Builder in the WordPress admin bar to open the page for editing with Vamtam Beaver Builder.


Guide to Vamtam Beaver Builder


1. How to duplicate rows: https://kb.wpbeaverbuilder.com/article/550-work-with-rows 

2. How to save save and re-use particular rows: http://kb.wpbeaverbuilder.com/article/90-save-a-row-or-module-for-reuse

3. Work with Rows: https://kb.wpbeaverbuilder.com/article/550-work-with-rows


- edit background colour:









4. Work with Columns 


- edit background colour of a column:




- edit background image of a column:









4.1. Edit a Column: https://kb.wpbeaverbuilder.com/article/302-edit-a-column

4.2. Resize or reset Column width: https://kb.wpbeaverbuilder.com/article/300-resize-or-reset-column-width

4.2. Insert Columns: https://kb.wpbeaverbuilder.com/article/296-insert-columns

4.3. Move a Column: https://kb.wpbeaverbuilder.com/article/295-move-a-column

4.4. Tips for working with Columns: https://kb.wpbeaverbuilder.com/article/306-tips-for-working-with-columns

4.5. Column layout overview: https://kb.wpbeaverbuilder.com/article/46-column-layouts-overview

4.6. Delete a module or Column: https://kb.wpbeaverbuilder.com/article/301-delete-a-module-or-column

4.7. Save a Row, Column or module for reuse: https://kb.wpbeaverbuilder.com/article/90-save-a-row-column-or-module-for-reuse and Edit a saved row, column, or module: https://kb.wpbeaverbuilder.com/article/374-edit-a-saved-row-column-or-module and Insert a saved row, column, or module into your layout: https://kb.wpbeaverbuilder.com/article/373-insert-a-saved-row-column-module-into-your-layout

4.8. Delete a saved row, column, or module: https://kb.wpbeaverbuilder.com/article/378-delete-a-saved-row-column-module

4.9. Convert a saved row, column, or module to global: https://kb.wpbeaverbuilder.com/article/371-convert-a-saved-row-column-module-to-global and Convert a global row, column, or module to standard: https://kb.wpbeaverbuilder.com/article/370-convert-a-global-row-column-module-to-standard


5. Mobile and lower resolutions

5.1. Reverse column stacking order: https://kb.wpbeaverbuilder.com/article/281-reverse-column-stacking-order

6. Add a layout template to your page: https://kb.wpbeaverbuilder.com/article/87-add-a-layout-template-to-your-page and Create and save a custom layout template https://kb.wpbeaverbuilder.com/article/88-create-and-save-a-custom-layout-template