Tagged: enfold, Masonry Gallery
Can I remove the way the picture Pop up on when they first load? On individual images, you can change this option, but I can’t find a way to remove it on the gallery.
Thanks:)
zemasfoods.com
On the homepage, under the slider, there are four images that pop up.
Hey lizybloom!\
Thank you for using Enfold.
Add this on Quick CSS or custom.css to disable the animation:
/*pop up animation*/
@-webkit-keyframes avia_msonry_show {
0% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 0.1; }
100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@-moz-keyframes avia_msonry_show {
0% { -moz-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 0.1; }
100% { -moz-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes avia_msonry_show {
0% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 0.1; }
100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
Cheers!
Ismael
Hey Ismael,
They are still popping up a bit. Although in a different way.
Thanks!
Lizy
Hey Lizy!
Try with this code:
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none !important;
-moz-animation: none !important;
animation: none !important;
visibility: visible;
opacity: 1;
}
Best regards,
Josue
No, they are still popping up. Can’t they just be there?? Old school like:)
Thanks
Lizy
Hey Lizy!
Add this to Quick CSS:
.av-masonry-entry{
opacity: 1 !important;
visibility: visible !important;
}
Cheers!
Josue
Nice!!! Thank you that is perfect:)