Working with images in Divi

Working with images in Divi

1. Adding Images with the Image Module: The Image Module allows you to insert images anywhere on your site. You can customize dimensions, add overlays, and apply animations. To add an image:


  • Open the Divi Builder.
  • Insert the Image Module into your layout.
  • Upload or select an image from your media library.

2. Utilizing the Gallery Module: To display multiple images, use the Gallery Module. It offers grid and slider layouts, customizable captions, and lightbox functionality. To create a gallery:

  • Add the Gallery Module.
  • Select images from your media library.
  • Configure layout and design settings as desired.

3. Changing Section Background Images: To modify a section's background image:


  • Enable the Visual Builder and navigate to the desired section.
  • Click the gear icon to access Section Settings.
  • In the Content tab, select the Background option.
  • Click the third tab (image icon) to add or change the background image.
  • Upload a new image or select one from the media library.
  • Adjust settings like parallax effect, blend mode, and positioning as needed.

4. Changing Row Background Images: To change a row's background image:

  • Enable the Visual Builder and navigate to the desired row.
  • Click the gear icon to access Row Settings.
  • In the Content tab, select the Background option.
  • Click the third tab (image icon) to add or change the background image.
  • Upload a new image or select one from the media library.
  • Configure settings such as image size, position, and repeat options to achieve the desired appearance.