Hi,
I have a problem with the circular images on chrome.
If i set “hover effect encrease the image size”, when I am with the mouse over the image, the circle enlarges bumping a square and back to normal at the end of the animation.
The problem has not been solved by inserting the following class suggested in another topic:
.av-hover-grow, .av-hover-grow img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
Can you help me please?
Thanks
Hey zamappano!
We cannot see anything on the frontend please provide link to the page where the issue is so we can help you. however what i can suggest at this time is that you need to add border-radius to the hover state so the the square looks like a circle when you hover. And we need administrator access please.
Cheers!
Vinay
Hi Vinay,
I tried to put border-radius, but does not work.
Your user is now administrator.
I am attaching two pictures to show the problem.
It is located at the bottom of the homepage.
You can see the problem if you are browsing the website on chrome.
Thanks
Hi!
Please add following code to Quick CSS
.avia-image-container.av-styling-circle *, .avia-image-container.av-styling-circle {
overflow: visible;
}
Best regards,
Yigit
Hi Yigit,
very good, the effect is now uniform on all browsers.
Thank you very much!
Stefano