Edit WooCommerce style

Hey Pas7o,

You can add the following css codes in Quick CSS, located in Enfold > General Styling.

Change image background color:

.post-type-archive-product .thumbnail_container {
    background: white;
}

Change title background color (including the arrow):

.post-type-archive-product .inner_product_header, 
.post-type-archive-product .inner_product_header .avia-arrow {
    background-color: #eee;
}

Hope this helps.

Best regards,
Nikko

Hi Pas7o,

This is for the buttons (the color is slightly changed because of the opacity):

#top .avia_cart_buttons {
    background-color: black;
    opacity: 0.8;
}

As for the changing it to single product, I think the best way is to make the code global, so from the previous codes I gave replace .post-type-archive-product with #top, so from:

.post-type-archive-product .thumbnail_container {
    background: white;
}

.post-type-archive-product .inner_product_header, 
.post-type-archive-product .inner_product_header .avia-arrow {
    background-color: #eee;
}

to:

#top .thumbnail_container {
    background: white;
}

#top .inner_product_header, 
#top .inner_product_header .avia-arrow {
    background-color: #eee;
}

Best regards,
Nikko

Hi Pas7o,

Yes, it should be valid everywhere.
If it doesn’t work on some pages, just give us the link so we can check.

Best regards,
Nikko

Hi Pas7o,

You’re welcome, just let us know if you need further assistance.

Best regards,
Nikko