Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 20, 2015 at 2:16 pm #415266
    MMA_Impact

    Hi there…

    I just discovered the nice effect of the images that it zooms in a bit when mouse hover…
    Unfortunately it´s cutting off the image and not just zooming in.

    Please have a look right here:

    Is it possible to have the image just zooming in at all? Without cutting off the image?

    Thanks for your help!

    March 21, 2015 at 8:11 am #415665
    Ismael

    Hi MMA_Impact!

    Thank you for using Enfold.

    Please post the website url here. We would like to check it. If you’re referring to the masonry effect, you can disable it by adding this to the Quick CSS field:

    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
  -webkit-transform: none;
  transform: none;
}

    Regards,
    Ismael

    March 21, 2015 at 9:17 pm #415788
    MMA_Impact

    Ismael,

    oh man…so sorry that I did not link the website…for whatever reason…if I post the link via the “link” button, it disappears…
    Damn…sorry again! And thank you for your reply so far.

    This is the website: http://www.beardaholics.de/

    If you hover the logo on the landing page, you can see the image been cut off when zooming in.
    Any chance to have it zooming in without cutting off?

    Thank you very much!

    • This reply was modified 9 years, 8 months ago by MMA_Impact.
    March 23, 2015 at 3:44 pm #416415
    Yigit

    Hey!

    Please try adding following code to Quick CSS 

    .avia-image-container {
  overflow: visible!important;
}

    Cheers!
    Yigit

    March 24, 2015 at 9:29 am #416951
    MMA_Impact

    Awesome! Thank you very much for your help! You guys deliver!
    I highly recommend everyone to buy your themes!

    Thanks!!!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Image with Zoom In effect when hover not getting cut off’ is closed to new replies.