Divi Theme – Animate any module in the Divi WordPress Theme

by | May 30, 2017 | Divi Theme, Web Design

Divi Theme – Animate any module in the Divi WordPress Theme

Divi Theme, animate any module – In this short video we demonstrate two ways of animating any module in the  Divi theme ( WordPress theme by Elegant Themes ).

The Divi them is my absolute favorite WordPress them to use as a developer, the possibilities are endless, I have used it on countless web design projects over the last couple of years. It comes with so many pre made templates straight out of the box.

Divi comes with some animation features readily available on install, such as image animation, but, with a little customization with css or javascript, it will let you do so much more

For CSS use the class: et-animated et_pb_animation_bottom

You can exchange ‘right’ for ‘left’, ‘top’ or ‘bottom’ to get transition effects from other directions.

To use the javascript option:

download the javascript pdf from here

Then go to your Divi Options > Integration tab

Add the code to the < body > (good for tracking codes such as google analytics) panel.


Once you have added the script to your divi theme of child theme

In the module you wish to animate, go to the Custom CSS tab, and give the CSS Class one of the following depending on what you want:

et_pb_animation_top et-animated et-waypoint

et_pb_animation_bottom et-animated et-waypoint

et_pb_animation_right et-animated et-waypoint

et_pb_animation_left et-animated et-waypoint

et_pb_animation_fade_in et-animated et-waypoint


Follow this procedure for any module, row or container you wish to animate throughout your site!


Take your Divi website to the next level!


If you do not have the Divi theme and Divi Builder plugin, and would like to try it, you can get it from the following link:


(Disclosure – This is my affiliate link if you use it I may get a small fee from elegantthemes, it will not affect your price. I thank you for using this link, enjoy the theme and create some awesome websites).





Subscribe To Our You Tube Channel For More Divi Tips


websites that sell




Subscribe To Our YouTube Channel

Learn Bootstrap

Bootstrap (no coding) Build Bootstrap Websites the Easy Way! rating

Test Out The Divi Theme

IT Certification Category (English)300x250

Elementor Page Builder

Pin It on Pinterest

Share This