Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 20, 2017 at 12:41 pm #854326
    Archie

    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)

    Agora Case Study

    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!

    September 21, 2017 at 3:43 pm #854917
    Victoria

    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

    September 21, 2017 at 7:40 pm #855023
    Archie

    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, 2 months ago by Archie.
    September 23, 2017 at 5:40 am #855690
    Rikard

    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

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