Please check out the site in the private content below. When I load it in Chrome and mouseover the images, they increase in size but have flat edges on all four sides. After a moment they pop into a circular shape. This doesn’t happen in Firefox. Any idea what’s up? I’ve tried clearing my cache already…
Thanks!
Hey kevinmcgillivray,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-image-container.av-styling-circle, .avia-image-container.av-styling-circle * {
overflow: visible!important;
}
.av-styling-circle .image-overlay {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
Best regards,
Yigit
That did the trick. Thanks!