Define a Dynamic Template for Posts that are Part of a Post Series
The following snippet can be used to set a dynamic template for any post that is part of a Post Series. This will allow you to create a different template to use for these posts.
Define a Dynamic Template for Posts that are Part of a Post Series
Variation Gallery for WooCommerce Plugin CSS Fix
By default the Variation Gallery plugin for WooCommerce inserts it's own widths for the slider that aren't fluid. This can cause issues on smaller screens where the gallery may display really small, large and or next to the summary instead…
Add Extra Space Between List Items
By default, the Total theme does not add extra spacing between list items (this may change in future updates). This approach helps avoid conflicts with third-party plugins that also use lists. If you’d like to create additional spacing between your…
Remove Theme Styles from the WooCommerce Account Page
By default the Total theme loads 2 CSS files on the WooCommerce "My Account" page for the default design. If you are using a plugin to customize the design or want to customize it yourself from scratch you can use…
Create a Custom Off Canvas Element Shortcode
The following snippet can be used to create your own custom off-canvas element that has whatever content you want. In this example the off canvas element will display content from a custom dynamic template but you can customize it to…
How to Add BlueSky Social Share Option
The following snippet can be used to add a BlueSky option to the Total theme social share element.
Limit the Ajax Search Post Types
If you're using the new search modal that displays results via AJAX, the request is sent to WordPress using the default query, which returns any posts matching the search term and having a 'publish' status. When registering custom post types,…
Disable Direction Aware Alignments
By default when selecting a text alignment in various theme elements the alignment uses direction aware CSS operators. With the default direction being LRT. This means if you set your text alignment to the right it will display on the…
Insert Content Between Post Cards Entries
In Total 5.19 we introduced two new hooks you can use to insert content before or after specific entries in the Post Cards element. You can use this code to insert a banner for example after "x" entry. Here are…
Advanced AJAX Filter Example
The Total theme includes a powerful AJAX filter script that is currently used for the navigation bar element for adding simple term based AJAX filters. However, if you are using a child theme or code snippet plugin it's possible to…