Skip to content

Development

Although Total includes tons of built-in options for customizing the theme, many people may want to make additional edits or more advanced edits via CSS. Below are the 2 methods you…

Adding Custom CSS to Your Site

By default the Total theme uses the following meta viewport tag (when responsiveness is enabled): <meta name="viewport" content="width=device-width, initial-scale=1"> This is one of the most common viewport tags for responsive…

Altering The Meta Viewport Tag

From my experience selling WordPress themes on ThemeForest I've realized a lot of customers don't like using child theme's for one reason or another and they prefer to manually alter…

Tweaker (Starter) Plugin

Action Hooks are a very useful tool in WordPress and they are used to perform functions (actions) in specific places of a theme or plugin. Many themes and plugins, such…

How To Use Action Hooks in WordPress

What is a child theme, when should you be using a child theme, child theme tips and sample child theme download.

Child Theme Setup and Example

The Total theme by default makes some adjustments to the Visual Composer rows to fix some design issues and also to add some extra options that weren't precent in older…

How to remove the Total WPBakery Row Modifications

Important: Before you go adding custom files or code to your site to customize your post type, be aware that you can make use of our Post Types Unlimited plugin…

Custom Post Type Singular Template File

Important: This is guide is very old and the way the theme elements work has been drastically changed. Additionally with the introduction of Card Styles it would be recommended and…

Develop Your Own Custom Grid Element for WPBakery

WPBakery page builder elements are just WordPress shortcodes, so creating a new one is extremely simple. All you need to do is register a new shortcode with WordPress via the…

Creating A New WPBakery Element (Starter Class)

In WordPress everything has an "ID". Pages, tags, categories, menus...etc all have unique "ID's" which is how they are referenced and saved in the database. This is referred to as…

How To Find a Page, Post, Image, Template or Term ID

The Total theme has a built-in image resizing function that crops images only as needed instead of the core WordPress post thumbnail function which crops images to every defined size…

Post Thumbnail Helper Functions

Filters are a functionality in WordPress that allows you to easily modify the data or output of other functions on the site. In the Total theme we've incorporated TONS of…

How To Use Filters in WordPress

In WordPress all of your menu's are saved in the database with a unique ID which you can reference when making advanced tweaks to your site such as showing different…

How to Find a Menu ID in WordPress

Since version 4.7 Total includes responsive text alignment classes that can be used in your modules or custom code. These allow you to alter the alignment at different breakpoints. As…

Responsive Text Alignments

The Total theme is a very advanced and modular theme which has been coded with the use of "hooks" to allow better development but also child theme modifications such as…

Theme Action Hooks Reference

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…

CSS Framework Utility Classes

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…

Adding Modal Dialogs using HTML
Back To Top