By default the Total theme's mobile menu is composed of your primary menu and a search element (if enabled). However it's very easy to insert extra content either at the top or the bottom of your mobile menu by using…
The Total theme includes the ability to display a cart icon in your header menu or anywhere via the cart link shortcode. The cart icon in the menu can be set up to display a dropdown or overlay that display…
As you may be aware the Total theme includes a CSS utility framework which is used for the majority of the theme's styling to keep the code as slim and consistent as possible. Included in the utility framework are utility…
The Total theme includes the ability to create custom product templates for WooCommerce via your builder of choice (WPBakery/Gutenberg/Elementor). The process of creating a template is very simple, have a look below: Step 1: Create a new Dynamic Template To…
WPBakery Slim Mode is an exclusive feature of the Total theme. It can be enabled in the Theme Panel and makes several adjustments to streamline the WPBakery Page Builder, providing a cleaner, more efficient experience when using Total. Slim Mode…
By default the Total theme uses the system UI stack for the site font which is the fastest font because it will use the native font of the visitors computer/device. To change the default font family used across your entire…
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 the WPBakery design options, what we've done is added extra…
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…
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 [br] shortcode. Multi-line heading using "Max-Width" It is also possible to…
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…