Divi Essential Documentation

  1. Home
  2. Docs
  3. Divi Essential Documentation
  4. Modules Documentation
  5. Divi Image Scroll Effect

Divi Image Scroll Effect

Divi Next brings you this amazing Scroll Effect module to add to your website. Showcase your brand with this good old Scrolling Effect!
Content → Image
Add a relevant image in this field
Content → Button → Button Background
On the top right corner of your image, you can see a Button, add custom text to your button and pick a background color for it.
Design → Overlay
Add a beautiful color for the overlay on your design layout
Design → Background Position
Choose how you want the image to scroll at the back, from Top to Bottom or Bottom to Top.
Design → Button Text → Button Space
Stylize your Button Text and organize the position of your button by adjusting the Button Space feature.

Our Common Questions and Solutions are provided below 

Is it possible to change the speed of the scroll ? I would like a long image to take 3 seconds to scroll.


Right now image scroll effects speed feature isn’t available within the module.

Though you can use custom CSS code to adjust the timing.
Here is a CSS code that takes 3 seconds for the transition
.dnext-neip-ise-wrapper .dnext-neip-ise-bg-image {
transition: all 3s;
Was this article helpful to you? Yes No

How can we help?