Skip to content

Style

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 speeding up the site (unlike other themes that loop through all options on init). To customize any area of your theme simply go to your…

Customizing Your Theme Design

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 Colors to change the theme accents.

Accent Color

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 your button color site-wide simply log into WordPress and go to Appearance > Customize > General Theme Options > Links & Buttons to make…

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 > Forms to alter the default form field design (this will apply to all forms and inputs).

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 Customizer setting to alter the borders across the whole site! Simply go to Appearance > Customize > General Theme Options > Accent Colors to change…

Change Theme Border Colors

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 accordingly.  

Alter the Pagination Design

The Total Theme includes a Color Palette functionality to make it easier to define a set color scheme so you can easily control your site colors globally. To define your color palette, simply go to Theme Panel > Color Palette which will look something like this: Click on the “Add Color” button on the top…

Define and Use a Site Color Palette

The Total theme includes a CSS Framework with utility classes that you can use throughout your site and custom code, this makes it super easy to do things such as apply the accent color to row. To do this, simply edit your row and add the classname “wpex-bg-accent” to the Extra class name field like…

How to use Accent Color for Row Background

By default the Total theme’s link color is the same as the accent color (blue) and links are only underlined on hover. However, you can easily alter the default link styles via Appearance > Customize > Global Styles > Links.

Link Colors & Underline

This theme includes a few Ajax functions such as the Ajax Filter, load more button and infinite scroll pagination. By default when loading new items the theme displays the default WordPress loading icon but this can be easily changed via the Customizer where you can choose from different styles as well as customize the size…

How to Change the Ajax Loading Icon
Back To Top