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…

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 Color

The Total WordPress theme makes it easy to control the design of buttons on your site; globally or per element basis. Global Button Styles To modify your button styles site-wide…

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

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 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…

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…

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…

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…

How to Change the Ajax Loading Icon

When building a website, it’s easy to be drawn to visual flair, including hover animations, scroll-triggered parallax effects, loading transitions, and other "wow" features. They look great in demos, and…

Why Total Doesn’t Prioritize Flashy Animations & Effects
Back To Top