Not overriding Woocommerce CSS

You need to make your custom CSS MORE specific than the default WooCommerce CSS. If you have exactly the same selectors then the WC ones will take precedence. The easiest way I have found to achieve this is to add #main or #page (or sometimes even both!) to the start of my selector to make it more specific than the WC CSS. Not sure if this is quite the best way, but it works!

Hope this helps, James 🙂