$10 Off AUTUMN10

How to Create a Floating Module?

Add the following code to your Custom CSS within your WordPress admin area: Divi >> Options.

.object {
    animation: MoveUpDown 5s linear infinite;
    position: relative;
    left: 0;
    bottom: 0;
}

@keyframes MoveUpDown {
    0%,
    100% {
        bottom: 0px;
    }
    50% {
        bottom: 20px;
    }
}

 

 

blank

Add the class name object to your desired module’s CSS Class under the advanced tab, within the module’s settings. In this example we used an image module.

blank

Mission Complete.
Note: This hack can also be applied to a row and/or section.

Feel free to experiment with different figures within your CSS code.

Enjoy!😀

Subscribe

Join Our Divi Mobi First Community

Get access to all our Divi Mobi First tips, articles and cutting-edge helpful tutorials that are easy to understand for small businesses, bloggers, and non-techy Divi website owners, direct to your inbox.

blank

By Kerwin

Web Designer | Developer | Educator
blank

Completely revolutionize the way you think about building Divi Websites.
Get Instant Access Now

blank

Check Out These Related Posts

0 Comments

0 Comments

Submit a Comment

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