How to Animate Your Divi Call to Action Module

Our signature theme, Divi, comes packed with various styling options for its library of native modules. In addition to having deep control over how elements on your website will look, you also have the option of adding motion to your pages. Divi includes several animation effects you can add to your next web design project. In this post, we’ll look at how to use the following animation settings in Divi within the native Call to Action Module:

1. Hover
2. Scroll Effects
3. Animation and
4. Sticky

For this tutorial, we’ll recreate a section within the Divi Marketing Agency Layout Pack. We will be working with the Landing Page Layout.

Installing the Landing Page Layout

We first need to create a new page in WordPress to install the page layout. We do this by hovering over the Pages menu item from the left-hand menu. Then, we click Add New.

Once inside the default WordPress editor Gutenberg, set a title for your new page. Next, click on the purple Use Divi Builder button.

[…]

How to Animate Your Divi Call to Action Module Keep Reading »
#Blogging #WordPress #BloggingTips #BlogChat