Support » Plugin: WooCommerce » Using Woocommerce.css in Different Child Theme Folder

Viewing 5 replies - 1 through 5 (of 5 total)
  • Roy Ho

    (@splashingpixelscom)

    Turn off WC styles in the WC settings. Then copy the CSS from the WC plugin and then paste that into your active theme’s stylesheet.

    Thks splashingpixels – unfortunately didn’t work. In case if influences anything, I also have the Genesis Connect plugin activated. Are there other steps or changes needed?

    i.e. I found other articles talking about moving folders, enqueue styles etc etc

    Prior attempts, directly editing the 1 long line of woocommerce.css code, worked for a while but difficult experimenting using firebug. If a simpler method exists, great. thks

    Roy Ho

    (@splashingpixelscom)

    What I stated will work and there is no reason why it shouldn’t. The logic is simple. Turning off WC styles means any WC related items will have no styles at all other than what your theme has for it. Then copying the WC styles from the plugin to your theme’s CSS will enable them to be used again where you can modify without worrying about WC updates…

    So if it’s not working for you, you’re doing something wrong.

    Working now thks SP. For any readers, I’d uncompressed the one line code of woocommerce.css using one online tool – that didn’t work. Tried others (which had visibly different output results) – it works. Firebug shows new CSS location being used.

    Roy Ho

    (@splashingpixelscom)

    Actually the CSS you saw is just minified/compressed…To get the uncompressed version, you need to open up the woocommerce.less file. But be warn as there are imports in there so it is better to use a less compiler to compile it for you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Using Woocommerce.css in Different Child Theme Folder’ is closed to new replies.