How to Edit Images & Backgrounds

For general use, here are recommended image sizes:

Large Featured Images: 1000 x 1500 px

Landscape Featured Images: 1000 x 667 px

Square Featured Images: 1000 x 1000 px

Blog Featured Images: 1000 x 1000 px

**Also ensure large images are under 300kb and small images under 100kb to keep site speed low. 

Changing Images

  1. Click on Enable Visual Builder in the top bar.
  2. To replace an image, start by hovering your mouse over it. A grey panel should appear with some icons inside it. Click on the cog icon. This will open a new panel with settings related to this specific element.

Changing Background Images

If you are attempting to replace an image but there is no Divi Image Module, then the image is being displayed as a background image.

To create a beautiful responsive design sometimes I often use background images of sections and rows instead of using the Divi Image Module.

The benefit is a responsive image that fits the text content next to it.

  1. Identify where the background image is located.
  2. Click the setting gear icon for the section or row.
  3. Click “Background” to open the background settings.
  4. Hover above the image and click the setting gear icon above the image
  5. Select an image from your media folder or upload a new image.

Need Further Tutorials?

The Divi Image Module: https://bit.ly/2Rpi4W2

Divi Builder overiew: https://www.elegantthemes.com/documentation/divi/visual-builder/

Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.