Unlike Divi’s image module, which places your whole image on the page, Image Box loads your image into an image box. You set the image box size, then scale, crop, rotate and flip the image within it. Images can include titles and captions which can be loaded dynamically from the image itself or entered manually.
Image Box modules can include images, titles and captions. Image text can be loaded dynamically from the image itself or entered manually.
Image Box text can be positioned above, below, left, or right of the image.
Text settings allow you to easily adjust the relationship between the image, title and caption.
Image Box Size
Image boxes can be sized by preset ratio or custom height. Use pixel units to make fixed height images, or percentages for images that scale proportionally.
Images can be set to automatically fill or fit the image box or sized manually.
Images can be positioned horizontally and vertically within the image box.
Images can be rotated to create the perfect crop for any image.
Images can be flipped horizontally, vertically or both.
Images can be set to repeat horizontally, vertically or both.
Backgrounds & Blends
Image blend modes and separate background settings for text can further enhance your images.
Most Image Box settings are responsive, including the text position, so you can optimize the appearance of your images for desktop, tablet and mobile.
Most Image Box settings are hover enabled so you can create your own roll-over effects.
Image Box Styles
Separate border, background, and box shadow settings for the main module, image and text give you unlimited design possibilities.
To find out more, please see the Demos and Documentation.