Skip to content

Page Builders

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…

Display a Post Grid using the Gutenberg Query Loop Block

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…

WPBakery Shape Dividers

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…

Reverse Column Stack on Mobile

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

Add a Heading with Line Breaks

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…

Elementor Site Width Setup

The Color Palette functionality in Total allows you to define global colors for use on your site. Since it's not possible to properly integrate the theme's color picker directly into…

Using Color Palette Colors for WPBakery Sections, Rows and Columns

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). Important: WPBakery Slim Mode…

WPBakery Slim Mode

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. The underline shortcode is similar…

Underline Shortcode

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…

Post Cards with the Gutenberg Query Loop

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…

Why You Should NOT use the WPBakery SEO “Toolkit”

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…

Span 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…

How to Create a Post Grid with Popup Content

In this guide you will learn how to add an image inside a WPBakery column that is stretched so that it renders at the same height as the content column…

How to Add a Stretched Image Inside a WPBakery Column

The Total theme includes preset fluid font sizes which can be used via utility classes or via certain settings in the Customizer or builder elements. It's recommended to use these…

How to Use Preset (variable) Font Sizes in Elementor

When you enable Dark Mode functionality on your website, there are several ways to display a dark mode toggle button. By default, if you’re not using the Header Builder, the…

Dark Mode Toggle Button Shortcode
Back To Top