If you are using the Navigation Bar element to display terms (such as categories) rather then selecting a custom menu, by default, the theme will display all terms. However, you can easily exclude terms by hooking into the "vcex_navbar_get_terms_args" filter…
The following snippet will show you how to set a fallback image ID for the Image Element when it's set to display a featured image. Now, if you want to actually display a fallback for ANY featured image on your…
By default the shop link added in the breadcrumbs is based on your defined Shop page under the WooCommerce settings. It is possible to change the link by changing the shop page in WooCommerce but if you only want to…
The following snippet can be used to add the local-scroll-link classname to the top bar email social link so that you can have it local scroll to a section on a page rather then going to a custom url. Note:…
Terms (or category) lists are displayed in various parts of the theme such as the Post Meta element as well as theme cards via the wpex_get_post_terms_list() theme function. By default the theme will separate multiple terms using a coma. You…
The Total theme includes various built-in icons that are used in the general theme design but can also be displayed via elements. This snippet shows you how you can modify any of the included theme icons with a custom SVG…
By default the Total theme adds lazy loading via the browser loading="lazy" attribute to all images since it's impossible to know if an image is displayed above or below the fold. Generally you would want to avoid lazy loading any…
By default when you enable the Hover & Active Underline option for your Header Menu it will display a line under your menu items when you hover and on the active item. The following CSS hides the line on hover…
By default the Total theme will allow you to choose from various preset theme colors for elements like the Theme Button. However, yo can easily remove the preset color options using the following snippet.
Some browsers may display focus styles when clicking on the mobile menu toggle and accessing the mobile menu. This is done for accessibility reasons which is why it's not removed in the theme by default, but it can be removed…