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
