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;
}

11 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
  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
  5. Thank you because you have been willing to share information with us. we will always appreciate all you have done here because I know you are very concerned with our. Disability niche

    ReplyDelete
  6. Animation is quick turning into an amazingly well known profession decision for those keen on joining their affection for craftsmanship with their adoration for figuring.anime merchandise

    ReplyDelete
  7. There is no restriction to how much a circumstance or an activity can be misrepresented yet at the same time stay to be persuading. manganelo

    ReplyDelete