Title: Overriding WooCommerce CSS
Last modified: August 30, 2016

---

# Overriding WooCommerce CSS

 *  Resolved [cmcl](https://wordpress.org/support/users/cmcl/)
 * (@cmcl)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/overriding-woocommerce-css/)
 * I’ve seen this subject in previous questions but so far the solutions I’ve seen
   haven’t helped me.
 * I am using a child theme with its own style.css file.
 * I know you can completely disable all the WooCommerce styles ([from here](http://docs.woothemes.com/document/css-structure/))
   but I was hoping I wouldn’t have to do that. I’d like to be able to just add 
   overriding styles to my child theme’s stylesheet, like it says you can on that
   page, but no matter what I do, the styles don’t override the WooCommerce styles,
   even if I use !important.
 * One of the things I saw in a couple of previous questions was the possibility
   of queueing the child theme’s stylesheet AFTER the WooCommerce stylesheet is 
   loaded, and that way they’d be overridden, but I can’t figure out how to do that
   with my setup. My child theme’s functions.php has this:
 *     ```
       add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
       function theme_enqueue_styles() {
           wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
           wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css',
               array('parent-style')
           );
       }
       ```
   
 * which loads the child theme’s stylesheet. Is there something I can add here to
   change the priority of the stylesheet, so that it loads AFTER the WooCommerce
   stylesheet?
 * Like I said, I was hoping I wouldn’t have to disable the WC styles and redo them
   all from scratch.
 * [https://wordpress.org/plugins/woocommerce/](https://wordpress.org/plugins/woocommerce/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [bmerrill2014](https://wordpress.org/support/users/bmerrill2014/)
 * (@bmerrill2014)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/overriding-woocommerce-css/#post-6199341)
 * I was wondering the same thing, or some way override some of the styles.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 11 months ago](https://wordpress.org/support/topic/overriding-woocommerce-css/#post-6199342)
 * Can you use more specific selectors?
 *  [Andrew](https://wordpress.org/support/users/cipes/)
 * (@cipes)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/overriding-woocommerce-css/#post-6199557)
 * I had the same problem with a site I’m developing and I believe it’s because 
   this theme is based in Genesis. (I’ve used other frameworks and CSS overrides
   work fine). So I’ve used a more specific selector and that’s work. Thanks [@andrew](https://wordpress.org/support/users/andrew/)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Overriding WooCommerce CSS’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Stylesheet](https://wordpress.org/support/topic-tag/stylesheet/)

 * 3 replies
 * 4 participants
 * Last reply from: [Andrew](https://wordpress.org/support/users/cipes/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/overriding-woocommerce-css/#post-6199557)
 * Status: resolved