Change categories and product background color

Hi @ronni0047,

Thank you for contacting WooCommerce Plugin Support. I understand you are looking to change the background color of categories and products. This can be done by adding custom CSS code to your site. Please use the following CSS code:

body.woocommerce ul.products>li.product, 
body.woocommerce ul.products>li.product-category, 
body.woocommerce-page ul.products>li.product, 
body.woocommerce-page ul.products>li.product-category {
    background-color: blue !important;
}

To apply this code to your website, you follow the detailed guide here. Here’s what the result will look like: 

You can replace the color name blue with your preferred color name. You should see the changes reflected on your website immediately.

Let us know if there’s anything else we can help you with.

That’s perfect, worked as it should! Appreciate it, thanks ??
I need to learn more thru doing inspect of the website and finding correct lines to use. I tried, but no luck so far. Will try more later ??

Hi @ronni0047,

Thanks for getting back to us. We are glad to help! Just so you know – we will now close this ticket as solved. If you have a few minutes, we’d love if you could leave us a review here.

If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

If you have any other questions or issues, please feel free to open a new ticket and we’ll be happy to assist you.

Thank you for choosing WooCommerce and have a great day!