WooCommerce: Disable Default WooCommerce CSS

There are times when you really want to do things right, you have a 5-figures budget and all the time in this world: you might want to override the whole WooCommerce CSS by disabling it completely, and applying your custom styles instead.

Despite this is an unusual task, I’ve researched the topic and here are my findings. Enjoy!

PHP Snippet: Disable WooCommerce Core CSS

Once upon a time there was a super handy checkbox in the WooCommerce settings for disabling CSS. Now, there is a 1-line snippet instead 🙂

/**
 * @snippet       WooCommerce Disable Default CSS
 * @how-to        businessbloomer.com/woocommerce-customization
 * @author        Rodolfo Melogli, Business Bloomer
 * @compatible    WooCommerce 8
 * @community     https://businessbloomer.com/club/
*/

add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

Where to add custom code?

You should place custom PHP in functions.php and custom CSS in style.css of your child theme: where to place WooCommerce customization?

This code still works, unless you report otherwise. To exclude conflicts, temporarily switch to the Storefront theme, disable all plugins except WooCommerce, and test the snippet again: WooCommerce troubleshooting 101

Related content

• WooCommerce: Add CSS to Order Emails
  Unlike your WordPress theme, you can’t just add CSS to your style.css in order to customize the look of the WooCommerce emails. This handy PHP…
• WooCommerce: Change the “Remove this Item” Icon @ Cart
  I have a very long to-write list. Possibly I have enough content for another 2 years 🙂 However, the other day a premium WooCommerce student…
• WordPress: How to Add CSS to a Specific URL
  This is an interesting topic. A WordPress/WooCommerce client could not add CSS via the usual way. In fact, Gravity Forms plugin (and in particular the…
• WooCommerce: Product Category as Body Class @ Single Product Page
  A Business Bloomer fan asked me an interesting question this week: how to apply CSS on the single product page based on the product category?…
• WooCommerce and Divi: how to override !important CSS
  I am a big fan of Elegant Themes, but a lot of CSS styles (mainly in Divi) contain “!important” in order to override WooCommerce styles…

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza. Follow @rmelogli