How to Disable All Animations in DIVI

Looking to disable all animations within a Divi WordPress site, Globally?

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.

.et_pb_section .et_pb_module {
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;
}
Benefit from fantastic savings on web hosting , just by taking a look at https://cloudtransformation.com.sg 

9 comments:

  1. Replies
    1. I made a change and it should now be working again.

      Delete
    2. Add 'opacity: 1 !important;' to that class it will work.

      Delete
    3. Thanks! Yep, it took adding that to work for me. My final code was:

      .et_pb_section, .et_pb_section *{
      animation:none !important;
      opacity: 1 !important;
      }

      Delete
  2. right, does not work....i didn't find any solution at the moment

    ReplyDelete
    Replies
    1. I made a change and it should now be working again.

      Delete
  3. Thank you for this. I've wrapped it in a media query to remove the animations only on mobile.

    ReplyDelete
    Replies
    1. Can you pkease show me how You did it. Really need this to work.

      Delete
  4. I believe this now works....

    ReplyDelete