WordPress ArticlesSubscribe Now

WooCommerce CSS

WooCommerceIf you are anything like us, you like to use WooCommerce, but some things absolutely drive you crazy. Sound familiar?

One of the biggest problems we’ve always had working with WooCommerce is the woocommerce.css file. This supplied stylesheet is one super long line of code. Working with unorganized code can be a nightmare to deal with for customizations (or to see what’s happening where in your store.)

Fret no more — Marketing Press has taken the supplied woocommerce.css file and formatted it properly. This new file has line numbers, indents and all the things a well formatted CSS file needs. Download the file and replace the woocommerce.css file from the downloaded plugin and editing the CSS will be a little easier. Enjoy.

Get the new CSS file from GitHub Gist

[12/1/13: Please note some verbiage has been changed due to an oversight. -- GT.]

About Greg Taylor

Hopelessly addicted to music. Phoenix Suns Fan. Founder of Marketing Press. Collaborator at Gangplank. Contributing author to Tales of a Startup. Originally from NJ, now Tempe, AZ is home.


  1. I love the thought of a cleaner version of the CSS but saying it’s sloppy and faulting compression isn’t right. The proper way to serve assets to browsers is compressed. It’s awesome that WooCommerce does that. You can look at the CSS build files also in WooCommerce to know what’s going on.

    • Greg Taylor says:

      Curtis — Thanks for the comment. I totally agree with you and I think I used the wrong adjectives to describe the inherent CSS file. I’ll make an edit today reflecting what we did and why we did it. I appreciate you pointing out the verbiage in question.

Speak Your Mind