Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #752262

    Hi,

    There is no option in Enfold to disable the effect, when a user scrolls to the Masonry Gallery. With the regular “Galery” it’s an option to load the images instantly or when the user scrolls down. Is it posible, with somekind of a CSS class to disable this effect in the Masonry Gallery?

    Greets,
    Dominique Vos

    #754885

    Hi bonsaimedia!

    Thank you for using Enfold.

    Do you want to disable the animation or transition effect? Please add this css code in the Quick CSS field:

    .av-masonry-entry {
        visibility: visible;
        opacity: 1;
    }

    Cheers!
    Ismael

    #754980

    Hi Ismael,

    Thanks for your reply. I pasted the css code in the quick css but it’s not working. In my link below you can see i still get the “transition effect”.

    Greets,
    Dominique

    #756837

    Hi!

    My bad. I forgot to add this code.

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

    Please post the login details here if this is not working.

    Best regards,
    Ismael

    #756920

    Hi Ismael,

    Ok. That work better. But still, the gallery only gets loaded when i scroll down. Is it possible to add more code and let the gallery load when loading the page?

    Greets,
    Dominique

    #757683

    Hey!

    I found a syntax error in my first post. Please remove the css modification then replace it with the following:

    .av-masonry-entry {
        visibility: visible;
        opacity: 1;
    }
    
    .avia_sortable_active .isotope {
        -webkit-transition: none;
        transition: none;
    }

    I incorrectly set the value to “visibility” instead of “visible”.

    Best regards,
    Ismael

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