Add a Fallback Featured Image for Blog Posts
This is a simple way of adding a "fallback" image for your blog posts if you want a specific image to display when there isn't a featured image defined. Now, if you want there is a more complex way that…
Add a Fallback Featured Image for Blog Posts
Remove the WPBakery Post Grid Blue Fallback Featured Image
function myprefix_remove_vc_grid_fallback_img( $output ) { if ( ! get_post_thumbnail_id() ) { return; } return $output; } add_filter( 'vc_gitem_template_attribute_post_image_url', 'myprefix_remove_vc_grid_fallback_img', 99 ); add_filter( 'vc_gitem_template_attribute_post_image_background_image_css_value', 'myprefix_remove_vc_grid_fallback_img', 99 );
Change WooCommerce Product Category Mobile Columns
/** * Add responsive grid settings to woocommerce product category entries * Note: Only add the classes you need. For example if the default columns * are set to 3 no need to define 3 columns again for tablet devices…
Register A New Custom Sidebar
Important: Total has a built-in function so you can easily add new sidebars via Appearance > Widget Areas. However, if you prefer to use code you can easily add new sidebars like such:
Custom Sidebar for Woo Product Categories Only
Important: Since Total 5.2.1 you can add and assign custom sidebars under Appearance > Widgets without any need for custom code!
Remove the WPBakery noscript header tag
add_action( 'vc_after_init', function() { remove_action( 'wp_head', [ wpbakery(), 'addNoScript' ], 1000 ); } );
Change Related Portfolio Columns for Mobile
/** * Add responsive grid classes to related portfolio entries * Note: Only add the classes you need. For example if the default columns * are set to 3 no need to define 3 columns again for tablet devices. *…
Display Labels in the Social Widget
The Total social widget by default only displays the site icons but the name of the sites are in the HTML for accessibility reasons. If you want to display them you can use some CSS like the following:
Move Payment Options in WooCommerce Checkout to Top Right
// Remove the payment options form from default location remove_action( 'woocommerce_checkout_order_review', 'woocommerce_checkout_payment', 20 ); // Add the payment options form under the "order notes" section // Important you will have to also add the following custom CSS to your site:…
Trim Custom Excerpts
A custom excerpt allows you to write exactly what you want shown for the excerpt. Because of this, when the theme detects a custom excerpt, it displays the full text without trimming it. If you’re using elements like Post Cards…