Tagged: effect, masonry, Masonry Gallery, scroll
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
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
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
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
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
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