Allow Long Word Overflow and Prevent Heading Word Breaks
By default when a word is too long inside of a heading the word will break onto the next line. This is done to prevent the text from overflowing on top of the content next to it or outside of…
Allow Long Word Overflow and Prevent Heading Word Breaks
How to Add a Stretched Image Inside a WPBakery Column
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 next to it. This is a popular affect that can…
WPRocket Setup & Recommendations
WPRocket is a great optimization plugin and I do highly recommend it. However, it does have a couple bugs and there are features that are simply not needed because the Total theme already is optimized. This guide will show you…
Fix Local Link Click Doesn’t Alter the URL
By default when clicking on a local scroll link the theme will smooth scroll to the location but it won't update the URL. If you wish to have the URL change when clicking on local scroll links you can do…
How to Create a Post Grid with Popup Content
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…
Creating Video Galleries using a Custom Post Type
Total doesn't have a built-in Video post type for creating custom video galleries or posts, but it's very easy to do so. In this guide I'll show you how to register your custom Video post type, display your videos and…
How to add a Menu Link that Only Shows on Mobile Devices
In some cases you may want to add a link to your main header menu but only for display in mobile devices. For example, if your header has a button to the right but there may not be enough room…
How to Enable SVG Uploads in WordPress
By default WordPress does not allow SVG uploads for security reasons. There are situations where you may want to upload and use an SVG file such as for custom icons. This quick guide will show you how to enable SVG…
Creating Custom Modal Dialogs
The Total theme includes built-in javascript for the modern dialog element. In fact, it's used for a few features such as the Social Sharing element (when set to Modal) and the Post Cards when the link type is set to…
CSS Framework Utility Classes
The Total WordPress theme has been developed over the years with speed and customizability in mind. The theme's custom CSS Framework is one of the features that helps keep the theme optimized and modular. The CSS Framework is a set…