Archived topic
On Image Hover Color Change Opacity
4 replies · Started by Paul on April 6, 2023
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
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 :)
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!
Doesn't work on the img tag - any other ideas?
Thank you so much!
This would target GB's image block:
figure.gb-block-image {
background-color: #000;
}