[Support request] On Image Hover Color Change Opacity

[Paul]

So I’m trying to make this work and just keep hitting walls!

So the effect on this site – when you click on the images, it gives them a lighter opacity but also a background color:
https://qualitycontrolhq.co.uk/news/

I would like that same effect on my website for all of my images – I already have the opacity on but can’t get it to add a color – here is my website:
https://www.givepraiserecords.com/

Thank you so so much!

Paul

[Leo]

Hi Paul,

This should be a question for WooCommerce’ support team.

You can give this CSS a shot though:

.woocommerce .inside-wc-product-image {
    background-color: #000;
}

Hope this helps 🙂

[Paul]

Oh sorry! It would be for all the images on my site – If I add this code to my img tag – should that work? I’ll try it out!

[Paul]

Doesn’t work on the img tag – any other ideas?
Thank you so much!

[Leo]

This would target GB’s image block:

figure.gb-block-image {
    background-color: #000;
}

[Author]

Posts