Page Builders

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 the Row see screenshot below:

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 to make new modules that did the same thing but with more options and they didn’t want to confuse customers by calling them “Tab 1”…

The total theme includes the ability to give any row a minimum height. This can be used for testing purposes if you just want to add some empty space while working on the site or it can be used to insert a row with a background and have it display at a particular height even…

The Total theme includes a Custom Field element you can use in the WPBakery page builder which is technically a shortcode named “vcex_custom_field” which you can find on the theme’s shortcode reference page. The vcex_custom_field shortcode provides a robust method of displaying custom fields on your site which is displayed inside an html element, but…

Important: Since Total version 4.7 and WPBakery 5.5.1 there is no a 5 column option you can use right in the page builder so you no longer have to follow this guide. Because the page builder doesn’t include 5 column layouts by default (due to how their bootstrap works, although they say they are adding…

Most text fields in builder elements do not support html for security and optimization reasons, however, sometimes you may want to add a 2 line title in a text field. In order to do this you can use the built-in shortcode like this: Sample Usage Below is an example of how the shortcode would be…

By default the Total theme includes it’s own custom output for WordPress galleries, however, this creates conflicts with the way Elementor does it’s own gallery module. So if you are using the Elementor Gallery module you will want to disable the default gallery output in the Total theme. To this simply go to the main…

The Total Theme Core plugin registers a new shortcode named “select_menu” which will allow you to display a select dropdown anywhere on your site based on a specific menu. The shortcode takes on two parameters: Example usage:

When using theme elements that display posts such as the Post Cards element, there are built-in settings for controlling the posts that are shown so you can choose how many to display, include or exclude terms, change the order, etc… If you need more complex queries, the theme offers an “Advanced” Query type which allows…

The Total theme includes a highlight shortcode you can use that will add a line under the text. This is best used with large headings like the example below: A large heading with text The code used for the example above looks like this: A large heading with ]highlighted[ text By default the highlight will…

In Total version 5.2 we added a new shortcode named which can be used to display a cart link with the number of items currently in the cart and the subtotal. This shortcode can be used in various areas of the theme such as the Top Bar or Header Builder as well as added inside…

The ] shortcode was introduced in Total 5.2 and it allows you to easily add inline items to the Top Bar content field such as phone numnber, email, login/logout link…etc. This shortcode makes it easy to display text with an icon on the side as well it ensures your top bar items render well on…

The Grid Container is a new element added in Total 5.2 which will allow you to easily create grids with various builder elements without having to create rows and columns. This element is great when adding a grid of elements inside a column so you don’t have to make use of inner rows and columns.…

In Total 5.2 we introduced a unique feature exclusive to the Total theme where you can access various pre-built section templates (Patterns) and insert them into any page. This system not only provides a good way to find inspiration when building pages but also speed up page building by making use of pre designed sections…

While the Total theme does provide support for the Gutenberg editor, it is still a very “incomplete” feature in WordPress and most customers prefer to use the classic editor as well as the bundled “WPBakery” plugin for creating awesome pages. Because of this Total has an exclusive function that removes useless Gutenberg functions and front-end…

Total 5.4.1 was updated to include an extra security check when using callback functions within shortcodes to prevent potential exploits from the core wp_ajax_parse_media_shortcode WordPress function. Previously you could enter the name of any function within a shortcode “Callback Function” field and it would run, but now that function name must also be defined as…

Total 5.3 introduced a new Toggle functionality built-in that will allow you to show/hide sections, rows or specific elements on the page. This is accomplished in the following way: Create a Hidden Element that will be “Toggleable” First you want to create an element that you want to be “toggleable” (aka show/hide via a click).…

The Total theme includes a Social Links shortcode that can be used to display social links anywhere on the site. Below are the main parameters that can be used with this element. Note: You can always insert the Social Links shortcode via the WPBakery Page Builder when editing a post/page. But if you need to…

AWeber is a great newsletter service which we highly recommend and it’s very easy to integrate with the theme’s Newsletter Form element. Here is a link to the AWeber documentation (just incase things change and the instructions below are outdated). Step 1: Add The Form Action URL AWeber uses a global URL for the form…

The WPBakery page builder (and various Total theme elements) include options to enable a CSS animation which will animate the element when it becomes visible on the page. The way the animations work by default is as soon as the element becomes visible it will be animated, so if the element is at the top…

When creating dynamic templates you may want to take advantage of some of the built-in shortcodes in your modules to display dynamic data. Below are the shortcodes available in the theme by default. Shortcode Description Useful Dynamic Shortcodes Displays the current post title. https://totalwptheme.com/docs/dynamic-shortcodes/ Returns the current post link. December 20, 2022 Displays the current…

The WPBakery Page builder includes various built-in Elements and when used with Total there are over 100 more exclusive elements added. To keep your site slim and fast you may want to consider disabling builder elements that you don’t need on your site or disabling core WPBakery elements such as the “Single Image, Custom Heading”…

The Total theme includes a built-in element which can be used for showing a simple contact form and by default when a new form is submitted the form is sent to the website’s administrator’s email address. If you want to change where the contact form emails go you can do so via the Theme Panel.…

Total 5.6.1 introduced new “Dynamic Variables” which can be used when adding text within elements or in certain theme settings (such as custom page titles) to display non-static text. For example lets say you are creating a dynamic template and you want to display the page title with the date in the format “Page Title…