Divi Theme – Animate any module in the Divi WordPress Theme

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).

 

CLICK HERE TO GET YOUR DIVI THEME AND PLUGINS

 

 

Subscribe To Our You Tube Channel For More Divi Tips

 

websites that sell

 

 

divi-theme-animate

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe To Our Newsletter

Join the System 22 mailing list to receive the latest tech tips, deals and updates from our team.

We will never spam or share your email!

You have Successfully Subscribed!

Pin It on Pinterest

Share This