Some kind Overlay brightening happening to product curvey block

You have some CSS overriding your settings. Try:

.wl_single-product-item?{
?? border:none;
??background-color:rgba(0,0,0,.0);
}

.wl_single-product-item?.product-thumbnail?{
background-color:rgba(0,0,0,.5);
??border-color:grey;
}

Change the last 2 colours to match your theme

Thank you for your reply

Color changes in the editor but it isn’t changing anything on the website page, below is what I have in the css…

Are you using a caching plugin? If so, try flushing the cache

Also, adding !important to the CSS might help – for example:

background-color:rgba(0,0,0,.5)!important;

Great! it worked on two of the parts, there’s one more between the border and background, if you can give me the code for that we should be good!

Here’s what I have:

Looks like these two are missing:

.wl_single-product-item {

   border:none!important;

}

.wl_single-product-item .product-thumbnail {

background-color:rgba(0,0,0,.5)!important;

}

Excellent, it seems the color for the bar where the cart icon is, needs it too.

Try:

.woolentor-grid-column?ul.action?{
???background-color:rgb(40,?95,?252)!important;
}

It looks like you’re using WooLentor – is this not adjustable in the page builder itself rather than adding custom CSS?

That did the job!

Many thanks for your time and knowledge it’s very much appreciated!

I did used the page builder to adjust the colors but it was being overwritten

when I went to the website.

Kind Regards

Stephen

Hello @stevexi555,

Glad to hear it – thanks for letting us know!

I’ll mark this thread as resolved now.

If you have a few minutes, we’d love if you could leave us a review:?https://www.ads-software.com/support/plugin/woocommerce/reviews/

All the best!

No problem! ??