Page Builders

The Total theme has been coded to provide support for the popular Elementor plugin. It works with both the free and premium version. Below you will find some of the features included in the theme to support Elementor: Custom Theme Elements The Total theme adds many custom elements for use with Elementor that are exclusive…

If you are using Gutenberg on your site and you wish to display posts on a page the way you would do this is via the “Query Loop” block. This block allows you to display posts and customize the loop of each entry. By default when you insert the Query Loop element it will display…

The Total theme includes a custom function for adding shape dividers when building pages with the WPBakery page builder (if you are using Elementor you can refer to the Elementor page here). Shape dividers basically allows you to create separations between sections/rows using cool SVG’s. Below is an example of a row with a couple…

When using the WPBakery page builder whenever you insert a row with columns the columns will be stacked on mobile. Sometimes you may want to reverse the column stacking on mobile, for example if you have a row with an image on the right when stacked the image will be below the left column but…

When working with the Heading element you may want to add text on different lines without inserting multiple heading elements. This can be done easily by using the theme’s shortcode. Multi-line heading using “Max-Width” It is also possible to separate a heading into multiple lines by applying a width to your heading element (this can…

Because of how Elementor is coded the plugin will not automatically match the Total theme’s default layout which could create some inconsistencies. For this reason, when you first install Elementor it’s recommended to modify the theme’s layout widths and adjust your Elementor settings to match. Total Site Layout vs Elementor Elementor is coded so their…

The Color Palette functionality in Total allows you to define global colors for use on your site. While it’s not possible to integrate the colors into the WPBakery CSS design options tab it’s still possible and very easy to use your color palette colors for WPBakery elements. To use your color palette colors in WPBakery…

In Total 5.8.0 we released a new and exclusive feature we’ve named “WPBakery Slim Mode” which can be enabled in the Theme Panel (see screenshot below). What does Slim Mode do? When you enable Slim Mode the theme does a few things: What if I wanted to use some of the older Theme elements? As…

In Total 5.10 we introduced a new underline shortcode which makes it easier to to text on your site when working with any page builder. Basic Usage To use the shortcode simply wrap your text in a shortcode named underline like such: Shortcode Attributes: The following attributes are available so you can modify your underline.…

The Total theme includes an exclusive feature named “Post Cards” which allows you to display your posts (of any post type) on your site and choose from preset designs or create your own. The Post Cards element is available in WPBakery and Elementor as it’s own element but for Gutenberg because of it’s complexity it’s…

In version 7.4 of the WPBakery plugin they introduced what they call their “SEO Toolkit” which is basically just extra settings you can use to modify your on page title and meta description tags and a little SEO analysis of your page content. While in theory the feature sounds like a good idea I highly…

Most text fields in elements do not support html for security and optimization reasons, however, sometimes you may want to add a custom span around specific text so it can be styled differently. In order to do this, you can use the built-in ] shortcode: Sample Usage Below is an example of how the shortcode…

In some cases you may want to display a grid of posts but rather then linking to the posts you want to display the post content on the same page in a pop-up window. Luckily this is very easy in Total. To create a grid with a pop-up window for the post content all you…