How to Remove the Default WooCommerce CSS from Your Theme
WooCommerce comes with a lot of custom styling that integrates with your WordPress theme automatically. Since every WordPress theme isn’t developed with WooCommerce support the intention here is to get you up and running, regardless of your theme choice, as quickly as possible.
This is great for the “do it yourself” store owners who just want to get to the business of selling products quickly and aren’t interested or too concerned with how their site’s appear.
If you want some more control over your store, or are using a totally original WordPress theme built from scratch, the default WooCommerce CSS might be something you want to remove from your site.
How to Remove WooCommerce CSS with Our Plugin
Remove WooCommerce Features lets you turn off the default CSS on your store without the need to edit any files. The process is simple. Once you have purchased and activated the plugin on your site:
Go to the WooCommerce section of your WordPress installation’s admin menu and click the link that says Remove Features.
Find the setting for “Default CSS” and click the checkbox so that it’s marked like so:
Press the button.
WooCommerce will stop serving its stylesheet files once you’ve hit the button to save your settings. Now it’s on you, or your WordPress developer, to write custom CSS to support WooCommerce templates inside of your existing theme.
This is a very developer-focused feature removal but our plugin can help you disable a lot of other parts of WooCommerce as well using the same simple three step method. With Remove WooCommerce Features you can:
- Remove Checkout Fields
- Disable Product Image Lightboxes
- Remove Related Search Count
- … and many other features.