http://borstch.eu/karl-final2/galleri/
I’ve managed to disable some of the fade in gallery animation, but not all of it. What am I missing?
.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;
}
.avia_transform .avia-gallery-thumb img.avia_start_animation {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none; }
.avia_transform .avia-gallery-thumb img {
opacity: 1; }
a.grid-image { opacity: 1!important; }
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
transform: scale(1,1);
}
Hi crewneck!
I couldn’t see any animations except the images going from large–>small, small–>large when clicking through the gallery. Did you manage to get it fixed or what exactly do you want to remove?
Cheers!
Rikard
Hi Rikard!
I want the whole gallery to appear at the same time. Not one image at a time. How do I achieve this?
I want all the thumbs do display at once. Rather than one at a time, from left to right.
Hey!
Try adding !important to your animation cancelling rule:
.avia_transform .avia-gallery-thumb img.avia_start_animation {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
}
If that doesn’t work please create us a WordPress administrator account, post it here as a private reply.
Best regards,
Josue
Hey!
I have added custom code “add_custom_class” to Functions.php file in Appearance > Editor. Please review your website now
Regards,
Yigit
Works and looks great. Thanks!