Hi @marie911,
Can you please check the right most demo image on the below link.
https://www.learnhowwp.com/divi-overlay-images/
https://prnt.sc/ZPdj5noXw80t
You will find in Module Settings > Design > Overlay
https://prnt.sc/uNwB4eZlTLt7
Let me know if it helps.
Hi there,
Thx for your reply. The thing is that I would like the image to be zoom in at the same time. I’m quite sure there’s a way to do that in CSS, but can’t find it.
Thx !
Do you have an example to share so I can get a better idea of what you are looking to achieve?
Hi there,
Here, at the bottom : https://robindesbois.ca/. There is row with hover effect.
Thx,
Marie
You can try the below code CSS code to make the image zoom in when you hover over it.
.lwp_overlay_image .image {
transition: transform 1s ease;
}
.lwp_overlay_image:hover .image {
transform: scale(1.5);
}