By default the Total theme adds the WebPage schema markup to the HTML tag as microdata (inline as opposed to…
The following snippet will show you how to add your own custom dynamic variables which can be used inside theme…
If you are using the Navigation Bar element to display terms (such as categories) rather then selecting a custom menu,…
The following snippet will show you how to set a fallback image ID for the Image Element when it's set…
By default the shop link added in the breadcrumbs is based on your defined Shop page under the WooCommerce settings.…
The following snippet can be used to add the local-scroll-link classname to the top bar email social link so that…
Terms (or category) lists are displayed in various parts of the theme such as the Post Meta element as well…
The Total theme includes various built-in icons that are used in the general theme design but can also be displayed…
By default the Total theme adds lazy loading via the browser loading="lazy" attribute to all images since it's impossible to…
By default when you enable the Hover & Active Underline option for your Header Menu it will display a line…
By default the Total theme will allow you to choose from various preset theme colors for elements like the Theme…
Some browsers may display focus styles when clicking on the mobile menu toggle and accessing the mobile menu. This is…
The theme includes a class named TotalTheme\Conditional_Logic that is used for certain functions such as the Transparent Header Conditional Logic…
The following snippet will show you how to add new style options to the Total theme Heading element while using…
By default the header cart icon count bubble displays next to the icon, this is primarily so that it's larger…
By default the Total theme contact form element uses the site admin email address for the "to" email address and…
The following includes 2 examples showing how to add the Post Views Counter plugin views to your blog post entry…
You can now define your WooCommerce card style via the Customizer! This snippet allows you to define a card style…
This snippet will enable sticky posts for the related posts. By default sticky posts are disabled for related items as…
Important: Rather then customizing elements like the Blog Grid we would highly recommend instead using the Post Cards element and…
The following snippet can be used to alter your attachment.php page layout. This is the page that is used to…
This snippet will allow you to modify the default Total theme's hamburger icon with a custom SVG icon (or any…
Important: You can set an SVG icon via the Customizer and it will display on the site using an img…
The following custom CSS can be used to modify the default product quantity input field arrows.
This snippet will disable the default placeholder image displayed by WooCommerce whenever a product doesn't have a defined featured image.