Search Divi Plus Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

Scroll Image

divi-scroll-image

How to Add Scroll Image Module to your webpage

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

  1. Create/Edit a Page/Post that uses Divi builder.
  2. Create/Edit a row.
  3. Click on Add New Module option; choose the DP Scroll Image module.
dp-scroll-image

Content Options

  1. Add Image: Upon inserting the Module, you get the option to insert an image in the Content tab of the module. Click Add Image, and choose the image you want to apply Image Scroll on to. 
  2. Add Alt Text to the Image: Go to the Content tab >> Image >> Image Alt Text >> input the text.
  3. Add Image Title: Go to the Content tab >> Image >> Image Title Text >> input the text.
  4. How to change image scroll direction: Go to the Content tab >> Configuration >> Scroll Direction >> select one from available directions >> Left / Right / Top / Bottom. (If you select Left or Right, then the image container’s width adjustment is required. Follow step 7. However, if you select Top or Bottom, then the image container’s height adjustment is required. Follow step 8.)
  5. Adjust Image Scroll Speed: Go to the Content tab >> Configuration >> Scroll Speed >> move the slider or input the value. A lower value will scroll the image faster, and a higher value will scroll the image slower.
  6. Change the image container’s width to apply Left-Right scroll: Go to the Content tab >>  Configuration >> Image Container Width >> move the slider or input the value.
  7. Change the image container’s height to apply Top-Bottom scroll: Go to the Content tab >>  Configuration >> Image Container Height >> move the slider or input the value.
  8. How to change image container’s alignment: Go to the Content tab >>  Configuration >> Image Container Alignment >> select one from available options. 

Design Options

  1. How to apply rounded corners to the image: Go to the Design tab >> Border >>  Image Rounded Corners >> Input the values.
  2. How to apply box shadow to the image: Go to the Design tab >> Box Shadow >> Image Box Shadow >> select box shadow style from available options.
Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Previous Bar Counter
Next Divi Tilt Image