Skip to content

WPBakery Page Builder

The Total theme has a unique built-in functionality called "Dynamic Templates". This functionality allows you to use the WPBakery page builder to create a unique layout to be used for…

Dynamic Templates – Custom Page, Post or Archive Designs

This theme includes support for the Visual Composer plugin plus an additional plugin called "Visual Composer Extension" created specifically for our clients. The Visual Composer plugin and extension add a…

Building Pages With WPBakery Page Builder (formerly Visual Composer)

To enable the WPBakery Page Builder (formerly known as Visual Composer) for your custom post types simply go to WPBakery Page Builder > Role Manager and under the user role…

Enable/Disable The WPBakery Page Builder For Custom Post Types

If you are going to use the WPBakery page builder to create multiple pages that have the same general design one of the easiest ways is to create a new…

Creating & Using WPBakery Page Builder Templates

Important: It is NOT required for you to purchase the plugin separately, it is included for free and I will update it accordingly as well. However, if you already owned…

Activate Your Purchased WP Bakery Page Builder Plugin

Important: WPBakery modified the User Roles functionality so you can't disable elements for Administrators. For this reason we released the "Disable Elements for WPBakery Page Builder" plugin which allows you…

Enabling & Disabling WPBakery Page Builder Elements

By default the Total theme has removed several WPBakery Elements we didn't like or found a bit buggy. However, we've included a filter in the theme so you can easily…

Re-Enable Removed WPBakery Elements

By default the Total theme adds a 40px margin below all columns in the WPBakery Page Builder, this allows for a better responsive site but it's also very important to…

WPBakery Page Builder Bottom Row/Column Margin

The Total theme includes many exclusive elements that extend the WPBakery page builder so you can add a lot more functions to your site. All these elements have "blue" icons…

Exclusive WPBakery Elements

If you have various icon boxes and you want them to all be the same height it's very easy to do. All you need to do is make use of…

Equal Height Icon Boxes

Total includes a custom function for the Visual Composer (not included in the core plugin) that will allow you to specify the spacing between columns making it easier for you…

Create A Row With Columns Without Margins

The WPBakery includes a function that will allow you to save any page builder module you customized as a new "element" or "preset" so that you can easily use it…

Saving WPBakery “Presets” or “Elements” (Element Templates)

The Front-End visual composer adds a small extra space at the top of the page when using the front-end builder in order to prevent the builder toolbar from going outside…

Extra Space At The Top In The Front End Builder

In version 3.0.0 of Total there was a crucial update to the Seperator With Text module, please see the important warning on the changelog - http://totalwptheme.com/docs/changelog/ - if you used…

Old Seperator With Text Styles/Settings

The WPBakery page builder does include a function named "Grid Builder" which allows you to create custom layouts for the WPBakery code Grid elements. Important: Before you go on creating…

Advanced Grid Builder

Adding local scroll links to images is very simple and this guide will show you how, but first you will need to know how to add local scroll links to…

Add a Local Scroll Link To An Image

The WPBakery is an awesome plugin but it does have a little "flaw" (not really a flaw but more of a nuisance). The WPBakery uses negative margins for it's rows…

Why does the Theme Make Adjustments to the WPBakery Rows?

If you are looking to alter a row via CSS the best way to do it is using a custom Class added to your row. This way your edits will…

How To Properly Target Custom Rows with CSS

In order to create a full-height section such as those on the "married" demo, all you need to do is create a row with the Visual Composer and select to enable…

Creating Full-Height Sections

By default when adding columns with the Visual Composer page builder the space between the columns is 30 pixels, however, this padding can be adjusted on a per-row basis easily via…

Add More Space Between Columns in WPBakery Page Builder

The WPBakery page builder plugin plugin includes built-in functions so that you can easily "map" any shortcode so you can use it within the builder. For example if you are…

“Mapping” Custom Shortcodes for use with the WPBakery Page Builder

If you want to add a module from the WPBakery page builder to your site you can do so in 2 ways: Adding Via Shortcode The first method is a…

Adding WPBakery Content To a Widget (sidebar or footer)

Sometimes you may want your columns for a particular row to be full-width on Tablets (or the browser at Tablet size). This can be done quickly via a setting in…

Full-Width Columns on Tablets

In version 4.6 the Visual Composer plugin developers created new modules for tabs, tours, accordions and they "deprecated" the old ones. What does that mean? Basically just that they wanted…

Deprecated WPBakery Elements
Back To Top