Tagged: effect, masonry, Masonry Gallery, scroll
-
AuthorPosts
-
February 27, 2017 at 2:31 pm #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 VosMarch 3, 2017 at 7:53 am #754885Hi 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!
IsmaelMarch 3, 2017 at 11:34 am #754980Hi 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,
DominiqueMarch 7, 2017 at 8:40 am #756837Hi!
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,
IsmaelMarch 7, 2017 at 12:11 pm #756920Hi 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,
DominiqueMarch 8, 2017 at 10:58 am #757683Hey!
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 -
AuthorPosts
- You must be logged in to reply to this topic.
