Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress WooCommerce Theme Development Starting a Custom WooCommerce Theme Main Shop Page - Wrapper

Edgars Keders
Edgars Keders
1,830 Points
Posted by Edgars Keders
Edgars Keders
1,830 Points

Can't override Woocommerce CSS

I am half way through in Zač's Wocommerce theme development course and I came across unpleasant problem. In his video he adds custom styles to WC just by adding additional rules to style.css and it works. But for some reason it seems I cannot override any WC style like Zac does. Am I missing something?

2 Answers

Edgars Keders
Edgars Keders
1,830 Points
Edgars Keders
Edgars Keders
1,830 Points

Thanks for reply, Actually unexpectedly I found that it was Chrome cache fault because somehow it didn't update any changes when working with style.css. Switching to Firefox was solution.

Jacob Mishkin
Jacob Mishkin
23,117 Points

Yeah, cache will be a ban of developing. Just remember, even working in Firefox you still have to empty the cache at some point. Glad you figured it out.

Don Macarthur
Don Macarthur
28,430 Points

Thanks for the tip Edgars. I just had the same issue :-)

Jacob Mishkin
Jacob Mishkin
23,117 Points
Jacob Mishkin
Jacob Mishkin
23,117 Points

Can you show me one example of your style sheet. I do not need to see it all, but I do need to see how far back your selectors are to the root div.