Swap Sticky Header Logo on Shrink
This CSS makes the logo swap only when the header begins shrinking, instead of changing as soon as it becomes sticky.
Swap Sticky Header Logo on Shrink
Fix: WPBakery Shortcodes in Woo Checkout T&Cs
WooCommerce loads a checkout template that's refreshed via AJAX when the page loads. As a result, WPBakery shortcodes aren’t registered, so they don’t get parsed or rendered correctly. The snippet below ensures that WPBakery shortcodes are properly registered and display…
How to Add a Closing Quote to the Blockquote Element
By default, the theme displays an open quote icon at the beginning of blockquote elements. You can disable this by modifying the blockquote design in the Customizer and adding a border. The theme doesn't include a closing quote to avoid…
Define Your Own Icons or Modify the Theme Icons
The Total theme registers all its icons in a JSON file using the format icon_name => svg. By default, this file is located at Total/assets/icons/list.json. While you can edit this file directly, your changes will be lost when the theme…
How to Load a Custom CSS File for Mobile Only
When using the default header (not the header builder), the theme provides a Mobile Menu Breakpoint option. This controls when the theme switches from the standard menu to the mobile menu and also triggers layout changes like converting a vertical…
Custom Post Cards Filter Using URL Parameters
The Total theme lets you create AJAX filters using the Post Cards element. But what if you want to filter items dynamically based on custom URL parameters? With a bit of custom code, you can easily build a custom filter…
Modify WPBakery Element Responsive Breakpoints
Various theme elements provide responsive fields for use with the WPBakery page builder. Such as the font size field or the spacing element's responsive height. While it’s generally recommended to use modern responsive units (vw, vmin, vmax) and/or the clamp()…
Set the “From” Header in the Contact Form to the Submitted Email
This snippet customizes the "From" email address used in contact form submissions. It sets the "From" header to the email address entered by the user in the contact form.
How to Disable Speculative Loading in WordPress
WordPress 6.8 introduces a new performance feature called speculative loading, which is enabled on all sites by default. This feature uses the browser’s Speculation Rules API to anticipate which links users might click and preloads them in the background. While…
Enable WPBakery on New Posts & Pages for Administrators
Currently, WPBakery has a limitation where users with the Administrator role cannot set the builder to load by default when creating new posts or pages. The snippet below provides a workaround by adding the necessary redirection logic. Hopefully, a future…