Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #798503

    How can I disable the gallery animation on the page below?
    I tried the fix here https://kriesi.at/support/topic/diable-image-animation-on-scroll/#post-133013 but that did not work, (and the code was not on 205)

    can you help with this?
    thanks
    Nancy

    #798531

    Hey Munford,

    Do you want to remove the hover effect?

    Best regards,
    John Torvik

    #798597

    no, the animation as they load

    #798775

    Hi,

    Sure thing :)

    Just add the following custom CSS code:

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

    Best regards,
    John Torvik

    #798781

    Hi John
    Tried your code but it did not work.
    other suggestions?
    thanks for taking a look
    Nancy

    #799696

    Hi Nancy,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
    You mean the way the images load?

    Best regards,
    Victoria

    #799842

    Hi Victoria (& Nancy)

    Sorry to cut in but I also really want to disable the “animation” (delayed appearence) when loading a masonry gallery:

    The issue for me (and as I read it also for Nancy) is that the images do not show up until you scroll a bit down. I need the gallery / the images to show up at once you get to the page.

    Very best regards
    Nonne

    #800513

    Hi Nonne,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.

    Best regards,
    Victoria

    #800533

    Hi
    Thanks for taking a look. Login below

    #800604

    Hi Munford,

    From what I am seeing in the code, there is no easy way to deactivate animation for the gallery. Let me ask my colleagues.

    Best regards,
    Victoria

    #800976

    thanks. It would be strange if it could not be disabled.

    #801023

    Hi,

    I added following code to Style.css file of your child theme

    .avia_transform .avia-gallery-thumb img {
        -webkit-animation: none!important;
        animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important;
        opacity: 1;
        -webkit-transform: scale(1)!important;
        transform: scale(1)!important;
    }

    Please review your website

    Best regards,
    Yigit

    #801058

    Hi Yigit
    thanks – that looks better, though in chrome I see a bit of animation ( size change on load), and flickering – but this is a problem I have been having with chrome for some days. Looks best in Firefox, ok in Safari. I can live with it.

    also: see below
    thanks
    Nancy

    #801069

    Hey!

    Great! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘disable gallery animation’ is closed to new replies.