Skip to content

Design

The Total WordPress theme includes tons of easy to use options to customize the design of your site. Most of your theme options can be found in the live WordPress theme customizer…

Theme Options/Customizer

Total includes a custom Typography class built exclusively for Total that provides you with a live preview while in the Customizer so you can see font and typography changes right…

Altering Default Fonts & Typography

Changing your background is extremely easy in Total and you can actually set it both globally and also alter the background on a per-page or per-post basis. Important: If you…

How to Change Site Backgrounds

All the theme options in Total are stored using the theme_mods functionality in WordPress. By default there isn't any way to import, export or reset these, therefore I have added…

Exporting and Resetting Theme Options

Creating full-screen background areas is very trendy these days and Total makes it really easy to do so! The Visual Composer rows have the ability to stretch to the full-screen width. This…

Creating Full-Width/Screen Rows & Backgrounds (normal, parallax or fixed backgrounds)

The WordPress customizer is a core function built-into WordPress so as long as your server supports WordPress then the Customizer should work 100%. That said, there are some known plugins…

Troubleshooting Customizer Issues

Total includes many built-in options to easily tweak your design, plus all changes you make to colors and fonts are cached in a single theme mod for use by the theme thus…

Customizing Your Theme Design

By default the Total WordPress theme does not use any font-smoothing on the site. A lot of themes add font-smoothing by default but it's really a bad habit because it…

Enable Font Smoothing For “Thinner” Fonts

ImportantThis older guide is intended for developers, in Total 5.0 we released a new Font Manager admin panel where you can easily add your own custom fonts via the WordPress…

How To Add Custom Fonts using Code

Total includes built-in options that will allow you to quickly change the "accent" colors (default is blue) througout the theme. Simply go to Appearance > Customize > Global Styles >…

Accent Color

The WordPress customizer is awesome but it can also be a bit slow when  you have tons of options. For this reason I added a panel where you can quickly…

Enable/Disable Customizer Sections

By default the Total theme only loads the Latin subset for Google fonts (fonts selected under Appearance > Customize > Typography). If you are using a specific language on your…

Selecting Font Subsets (some characters aren’t showing on your site)

Since Total 3.2.0 you can now easily disable all Google fonts right via the Theme Panel. This will not only remove the default Open Sans font but also remove all…

Disable Google Fonts Completely

We have noticed that the WordPress Customizer can get a bit laggy in the Google Chrome browser. If you are finding the Customizer "laggy" (slow) when opening and closing tabs…

Fix Laggy (slow) Customizer

The Total theme includes many great features built-in that provide extra functionality but can be easily disabled if not in use. Disabling features won't make your site faster because each…

Theme Panel Features Explained

The Total theme includes built-in settings for altering the default button colors used in the theme either globally or on a per-button basis. Global Button Color & Border Radius To…

Change Theme Button Color, Styling & Typography

The Total theme includes built-in settings to completely change the way your forms look on the site. Simply log into WordPress and go to Appearance > Customize > General Theme Options…

Styling Forms & Input Fields

In the Total theme there are borders used for headings, sidebars, between blog posts, comments...etc. You can use CSS to alter the border colors but you can also use a…

Change Theme Border Colors

If you are looking to create rows with background images that basically stay in place while your site scrolls down much like the "Paris" demo you can easily via the…

Fixed Row Background Images

The Total theme includes options built-in for customizing the design of the numbered pagination. Simply go to Appearance > Customize > General Theme Options > Pagination and alter your settings…

Alter the Pagination Design

The Total theme includes a unique and exclusive Card API that allows you to display your standard posts, pages and custom post types beautifully on your site. You can choose…

Post Entry Cards

Total Cards are used to display post entries within grids and archives and while there are a many pre-build cards to choose from sometimes you may want to create a…

How to Create Custom Theme Cards Using The API

The Font Manager in the Total WordPress theme is a part of the Total Theme Core plugin which allows you to quickly and easily add or upload custom fonts to…

Register Custom Fonts via the Font Manager

Here you can find a list of arguments that can be passed onto the wpex_card function when displaying theme cards in custom loops or when creating custom cards. Parameters List…

Card Function (wpex_card) Arguments
Back To Top