Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #854326

    Hey there Enfold Team!

    I wanted to disable the ‘enlarge image/zoom in’ effect on the masonry gallery when you hover on each of the image. (on this page for example)

    I found a code on another support thread but it doesn’t seem to work.

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
      -webkit-animation: none;
      animation: none;
    }

    Can you help me with this? Thank you!

    #854917

    Hey hackoffseries,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #855023

    This works perfectly Victoria! Thank you so much! Please go ahead and mark this ticket as resolved. You guys rock!

    • This reply was modified 7 years, 1 month ago by Archie.
    #855690

    Hi,

    Great, glad we could help and thanks for the kind words :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Disable image animation on hover on Masonry gallery’ is closed to new replies.