Divi makes it easy to upload and replace images. You can add them in Image Modules (regular images) or as Background Images for sections and rows. 


1. Adding / Editing an Image with the Image Module

This is the most common way to place images on your page.

  1. Open the Divi Builder on your page.

  2. Hover over the section/row where you want the image and click the ➕ grey plus button.

  3. Choose the Image Module.

  4. In the Content tab, click on the image placeholder (or existing image).

  5. The Media Library will open:

    • To upload a new image: click Upload Files → Select Files, then choose from your computer.

    • To use an existing image: click on it from the library.

  6. Click Upload an Image.

  7. (Optional) Under Link → Link URL, you can make the image clickable.

  8. Click the green checkmark ✅ Save.

✅ Now your image will appear on the page.



2. Adding / Editing a Background Image for a Section or Row

Background images are used behind content, text, or modules.

  1. Hover over the Section or Row you want to edit.

  2. Click the gear icon ⚙️ to open Section Settings or Row Settings.

  3. Go to the Background tab (the paint bucket icon ?).

  4. You’ll see options for Color, Gradient, Image, Video.

    • Click the Image icon ?️.

  5. Click the + Add Background Image button.

  6. Choose an image from the Media Library or upload a new one recommend 1920px width, height will differ depending on area but approx 500px).

  7. Adjust options (below the image upload area):

    • Background Size → “Cover” is usually best.

    • Background Position → Choose where the image sits (e.g., top center).

    • Background Repeat → Usually set to “No Repeat.”

    • Parallax Effect → Makes the image scroll differently for a nice effect (optional).

  8. Save with the green checkmark ✅.

✅ Now your section/row has a background image.


 Quick Tips for Images

  • Best Sizes → Keep images web-friendly (generally under 150KB for speed).

  • File Types → Use .jpg for photos or .webp format for faster load times

  • Alt Text → Always add a short description (good for accessibility and SEO).

  • Check on Mobile → Some background images may crop differently on phones.