The plugin developer kindly provides this tutorial. You can access the complete 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.
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:
Start Page Builder from the Add New Page or Edit Page screens when you create a new page.
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 toolbar:
After saving a page 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.
You can also start the builder from Pages > VamTam Builder.
Guide to Vamtam Beaver Builder
1. How to duplicate rows: https://kb.wpbeaverbuilder.com/article/550-work-with-rows
2. How to 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 the background colour of a column:
- edit the 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