VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: WorldDrop on May 15, 2018, 18:57:35 PM

Title: Add Overlay Category Image
Post by: WorldDrop on May 15, 2018, 18:57:35 PM
Hi There,

hope you guys can help, I'm trying to add an overlay effect on the category's image on my website. However i don't really understand how to do it!

I've notice that from the backend i can add an image class to the category's image, but i'm not sure what to do next.

Do you have any idea how to add an overlay opacity when the cursor in on the image?

my website https://worlddrop.com/index.php/women

example how it should look https://www.debenhams.com/women

Thanks
Title: Re: Add Overlay Category Image
Post by: Studio 42 on May 20, 2018, 17:37:39 PM
You have to play with css opacity.
eg https://www.w3schools.com/css/css_image_transparency.asp or https://css-tricks.com/almanac/properties/o/opacity/