There is an easy way to disable the animations with DIVI, just add this code to the Custom CSS area from Theme Options:
.et_pb_section, .et_pb_section *{
animation:none !important;
}
Thanks to the people that left comments below, I have updated the below code with this one above which should work much better with more recent versions of DIVI. If there is any trouble, please let me know by leaving a comment.
animation-name: none!important;
-webkit-animation-name: none!important;
-moz-animation-name: none!important;
-ms-animation-name: none!important;
-o-animation-name: none!important;
opacity: 1!important;
transform: translate3d(0px, 0px, 0px)!important;
}
9 Comments
does not work
ReplyDeleteI made a change and it should now be working again.
DeleteAdd 'opacity: 1 !important;' to that class it will work.
DeleteThanks! Yep, it took adding that to work for me. My final code was:
Delete.et_pb_section, .et_pb_section *{
animation:none !important;
opacity: 1 !important;
}
right, does not work....i didn't find any solution at the moment
ReplyDeleteI made a change and it should now be working again.
DeleteThank you for this. I've wrapped it in a media query to remove the animations only on mobile.
ReplyDeleteCan you pkease show me how You did it. Really need this to work.
DeleteI believe this now works....
ReplyDelete