Skip to main content
How to Disable Elements Animation

Learn how to disable element (Section/Row/Column/Module) animations on an element basis or sitewide

Updated over 3 months ago

While importing pre-made layouts or custom layouts, some elements might have different animation set.

To remove the animation, we can:

Definition: An element is either a Section, a Row, a Column, or a Module

Remove the animation on a single-element

  1. Open the settings for the element that you want to remove the animations

  2. Go to Design Tab → Animation

  3. Set the Animation to None

Disalbe Element's animation

Remove the animation on all elements (sitewide)

  1. Go to WordPress Dashboard → Divi → Theme Options → General Tab → Custom CSS

  2. Add this CSS code:

.et_animated {
opacity: 1 !important;
animation-duration: 0s !important;
}

Notes:

  • The above CSS Code will remove any animation set using the Design Tab → Animation option group.

  • The above CSS Code will not remove the Slider/Fullwidth Slider animation used to animate the transition between each slide.

Did this answer your question?