I’d like to disable the fade-in animation that sometimes occurs for text content inside of a color section, and instead have the text appear immediately. Can you please provide the CSS snippet that would take care of this? Many thanks.
Hey Scott,
Probably you have some columns, try to edit it and there’s an Animation tab, just set it to None. You might also want to try using this css code snippet:
.avia_transform .av-animated-generic {
-webkit-animation: none !important;
-moz-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
Hope this helps.
Best regards,
Nikko
Hello,
I recently ran into the same requirements (with the color section).
It’s the container inside the color section that is animated.
this should help:
give your color section a “developer id” and use following css rules to disable the transition/animation:
#your-developer-id .container {
-webkit-transition: opacity 0s;
transition: opacity 0s;
}
Hi @Robert,
Thanks for sharing your solution, much appreciated :-)
Best regards,
Rikard
You’re welcome @Rikard
Enfold is a great theme so I don’t hesitate to support it or share something here and there :-)