How to Disable All Animations in DIVI

Posted on 20:12:00by with 9 comments
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. Unknown8 April 2019 at 16:39

    does not work

    ReplyDelete
    Replies
    1. Perry Toone8 May 2019 at 09:27

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

      Delete
    2. Unknown12 June 2020 at 13:50

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

      Delete
    3. Unknown28 October 2020 at 17:53

      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. dsffd22 April 2019 at 10:56

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

    ReplyDelete
    Replies
    1. Perry Toone8 May 2019 at 09:27

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

      Delete
  3. Unknown21 March 2020 at 15:21

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

    ReplyDelete
    Replies
    1. Alf27 May 2020 at 13:20

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

      Delete
  4. Unknown5 April 2020 at 14:07

    I believe this now works....

    ReplyDelete

Subscribe to: Post Comments (Atom)