This was working before, but now on the homepage where I have the masonry portfolio, the images are flying in on the page again. I would like to stop that animation on all pages.
Hey KK!
Please add the following CSS, to your Custom CSS
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}
.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}
please do let us know if that solves your issues
Best regards,
Basilis
It’s still flying in. I use Firefox but checked Chrome and Safari too and cleared my cache.
-How can I get it to stop globally? on the whole site?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none !important;
animation: none !important;
}
Best regards,
Yigit