Hi,
I have WooCommerce installed on my Enfold website.
I would like to ask how can i change the background color only in the product category pages (all of the without any exception)
For better understanding, i am showing what i mean in the image below:
Thank you
Hey mike.rav,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top.archive.woocommerce-page #main > .container_wrap > .container {
background-color: #000 !important;
}
Please adjust to suit, then clear your browser cache and check.
Best regards,
Mike
Hi,
Thanks for the css code.
This actually had the below result:
https://ibb.co/DwczH29
It also change the page title bar colour (dark grey) and also the footer area. it also did not make the whole width white in products area.
I am sharing the WP login details in the private area in case you need to test the css code. The site in under maintenance but once you login to the backend you will be able to view it.
Thanks again
Hi,
Nevermind, I managed to do it using the below css:
#top.archive.woocommerce-page .main_color {background-color: #fff !important;}
I do want to ask something else though. When i add a product as external/affiliate, the url i set is only applied on the button. If i click on the product image or title, the product page opens. Is that a normal behaviour?
You can check it here: http://domestica.com.cy/product-category/cooking/cookers/
Thank you
Hi mike.rav,
Yes, this is how it is built to work. Only the button has the external link.
Best regards,
Victoria