
Image Box 1.0.2
Divi-Modules – Image Box lets you Scale, Crop, Rotate and Flip your images, directly within the Divi-Builder. Combine it with Divi’s built-in responsive options to make your images look right on any device!
The Divi-Modules – Image Box demos below are all live examples. View them at desktop, tablet and phone sizes to see Image Box in action.
Image Box
Image boxes can be sized by preset ratio or custom height. Use pixel units to make fixed-height images, or percentage units for images that scale proportionally.

Ratio: 3:1

Ratio: 4:3

Ratio: 4:5
Image Size
Images can be set to Fill or Fit their image box. You can also set a custom size using pixel units for fixed-size images, and percentage units for images that scale proportionally.

Size: Fill image box

Size: Fit image box

Size: 200%
Image Repeat
Images can be set to repeat horizontally and/or vertically.
Repeat: Fill image box
Repeat: Horizontally only
Repeat: Vertically only
Image Crop, Rotate, and Flip
You can manually Position, Rotate and Flip images within the image box to create the perfect crop for any image.

Size: 200%
Position X: 55%
Position Y: 50%
Rotation: 40°
Flip: None

Size: 130%
Position X: 40%
Position Y: 50%
Rotation: 0°
Flip: Horizontal

Size: 155%
Position X: 50%
Position Y: 55%
Rotation: -10°
Flip: Vertical
Image Blend Mode
Use Backgrounds and Blend Modes to further enhance your images.

Background: #0088DD
Blend Mode: Overlay

Background: #AA00FF
Blend Mode: Screen

Background: #FFDD55
Blend Mode: Luminosity
To find out more, please see the Videos and download the Documentation.