How to disable animation effect in icon list and icon shortcode? Also in the link provided in the private content section, initially after the page loads up, the easy slider, the icon and the icon list do not show up. When I refresh the page, they all function properly. How to fix that?
Hey potentialindia!
You can try the solutions in some of these topics.
https://kriesi.at/support/topic/remove-iconlist-animation-effects/
https://kriesi.at/support/topic/enfold-remove-the-fade-animation-of-icons-loading/
Regards,
Elliott
Hi,
I have also tried to remove the animations on the iconlist i am using.
Unfortunately the given solutions would not work on our website.
Right I am using the following css-code which I have implemented in the style.css for the enfold-child theme:
.avia_start_animation {
opacity: 1 !important;
-moz-transform: scale(1 !important);
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
-webkit-animation: none;
-moz-animation: none;
-msanimation: none;
animation: none;
}
Our current enfold theme version is 3.4.2.
Is there another way to remove the animation?
Regards, Niemitz
Hey!
Please see here in the first thread, https://kriesi.at/support/topic/remove-iconlist-animation-effects/#post-162003.
Best regards,
Elliott
Hi Elliot,
thanks for your reply.
I have already tried that code and all the codes i found here in this forum. But it still won’t work :(
The icons are still animated and there is a red-striped line next to them.
I could live with the animation but how can I remove that line?
Regards, Niemitz
Hi!
remove the line by using this code:
.iconlist-timeline {
display: none;
}
Hope this will work for you!
Cheers!
Andy
Hi Andy,
that fixed my problem. Thank you very much.
Regards, Niemitz