Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #562706

    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

    #563471

    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

    • This reply was modified 8 years, 11 months ago by Vinay.
    #563791

    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

    homepage
    problem with chrome

    #564072

    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

    #564242

    Hi Yigit,
    very good, the effect is now uniform on all browsers.
    Thank you very much!
    Stefano

    #564435

    Hi Stefano,

    Great, glad we could help :-)

    Regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.