Home

Homepage

Examples

Layout examples

Freebies

Free downloads

Pricing

Pricing plans

Tutorials

Tutorials & Tools

Contact Us

Questions, concerns or comments?

My Account

View member dashboard

Cart

View your cart

WELCOME TO DIVIMOBIFIRST

DIVI COMPLETE LAYOUT SCHEME

HEADERS AND FOOTERS

SECTION LAYOUT

IMAGE LAYOUTS

PRICE TABLES

PRODUCT LAYOUTS

TAB LAYOUTS

SLIDERS






































PRICING

Monthly, Yearly or Lifetime

View Pricing Table

jQuery Script Generator

jQuery structure and syntax generator

Floating Modules

How to Create a Floating Module?

Zoom in Effect

How to Add Zoom Effect To Images?

Plugin Tutorial

Guide on How to Use Plugin

CONTACT US

Questions, concerns and comments

Send us a message

YOUR CART

2

Back to top

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;
    }
}

 

 

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.

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.

By Kerwin

Web Designer | Developer | Educator

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

Check Out These Related Posts

0 Comments

0 Comments

Submit a Comment

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