WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
[resolved] Using Woocommerce.css in Different Child Theme Folder (6 posts)

  1. Waup
    Member
    Posted 1 year ago #

    Can anyone suggest sites or explain steps to use the existing woocommerce css styles?

    I'm looking to customise based on the existing styles and transfer those styles into a blog's main style.css so future updates don't override css changes.

    http://wordpress.org/extend/plugins/woocommerce/

  2. Roy Ho
    Member
    Posted 1 year ago #

    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.

  3. Waup
    Member
    Posted 1 year ago #

    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

  4. Roy Ho
    Member
    Posted 1 year ago #

    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.

  5. Waup
    Member
    Posted 1 year ago #

    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.

  6. Roy Ho
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic