Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 6, 2017 at 2:17 am #834922
    jancecile

    Hello!
    Found a few potential solution posts, but instead of “shooting in the dark”, though I would ask again…

    Working with the Gallery feature. I’d like it to load all at one time, but not fade out when the mouse trails over the image. Make sense? So, I want to turn off the “animation”. I’ll post the URL in the private content window. This is not re: the image slider, but the 3-across image gallery at the lower left of the page.

    Thanks!

    August 6, 2017 at 11:30 pm #835159
    Mike

    Hey jancecile,
    Try this code in the General Styling > Quick CSS field:

    .avia_transform .avia-gallery-thumb img.avia_start_animation {
    -webkit-animation: avia_appear 0s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important; 
    animation: avia_appear 0s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important; 
    animation-duration: 0s!important; 
    
}

    Best regards,
    Mike

    August 6, 2017 at 11:49 pm #835161
    jancecile

    Thanks Mike, but no, that did not work. It actually miss-aligned headers and reduced image site wide. Any other ideas? I just want the animation to not happen with the gallery.

    Thanks!

    August 10, 2017 at 2:37 pm #836994
    jancecile

    Hello support team — does anyone have a help for this?

    Thanks!

    August 12, 2017 at 6:04 am #837732
    Ismael

    Hi,

    Please try this code instead.

    .avia_transform .avia-gallery-thumb img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

    Best regards,
    Ismael

    August 12, 2017 at 10:53 pm #838064
    jancecile

    Nope… did not work. Do it again and then clear cache and see what happens.

    Thanks Ismael!

    August 12, 2017 at 11:02 pm #838066
    jancecile

    Did not work. Anything else we can try and sell use the gallery? I can try to set ups smilier grid without using the Avia (or use a different one) — I just love the ease of it all!

    Let me know what you think.

    Thanks!!

    August 13, 2017 at 3:51 pm #838238
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field:

    .avia_transform .avia-gallery-thumb img {
    opacity: 1!important; 
     animation-duration: 0s!important; 
    -webkit-transform: scale(1)!important; 
    transform: scale(1)!important; 
}

    Please clear your cache and compare to gif in Private Content area, which is the result I see on my end when I refresh two times.

    Best regards,
    Mike

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