Free Digital Courses 1 min a Day

Designed for learners of all ages. Easy to understand. Deaf-friendly.

Start upgrading your skills today!



[WooCommerce Store] Where to find WooCommerce CSS reference codes


You may log into your hosting account to find your File Manager.

Go to:

public_html > wp-content > plugins > woocommerce > assets > css > woocommerce.css

Double click on that folder and you will see a massive chunk of code squeezed together. It was written this way to save space. It may help to use “Ctrl+F” to find the right functions you need. Eg. look for “woocommerce-cart” if you need to edit something on cart page.

When copying the code, remember to copy from one “,” to the next “,” as that makes one complete line for editing. Then, put in your desired code for edits and place the code into your website backend at:

Appearance > Customize > Additional CSS.

Have fun! 🙂

Leave a Reply

Your email address will not be published.



Click one of our representatives below to chat on WhatsApp or send us an email to [email protected]

× How can I help you?