Image Module

The Image Module is the basic tool that you use to add images. It allows you to add images to any column… and their size will be adjusted to fit

Image Gallery: Grids

With the Image Gallery Module you can create a grid of images based on a WordPress gallery, which you create in the Media Manager

Image Gallery: Sliders

The Image Gallery Module also allows you to create a quick and easy slider of images based on a WordPress gallery created in the Media Manager

Slider Modules

Sliders can be placed anywhere, spanning the full width of whatever column they are in. Divi sliders support parallax and video backgrounds

The fabulous Image Module…

When you’re creating pages the Image Module is what you’ll use most of the time to add images.
Just add an Image Module to any column and select the image you want from your WordPress Media library… that’s it!

Image Module features

The Divi Image Module makes it a breeze to add images anywhere on your page. All images support lazy-loading, come with four different animation styles and you can choose to open them in a lightbox.

Image modules can be placed in any column that you’ve created, and their size will be automatically adjusted to fit.

The image module also allows you to remove the space from below the image, which allows the image to sit directly above the Module or Section below it.
Using this feature you can create some interesting and fun effects – see the Elegant Themes example opposite:

Lines of code

Awesome Divi Modules

Elegant WordPress themes

Cups of tea

Image Gallery Module: Grids and Sliders

The Image Gallery Module is the perfect tool if you have lots of images to display.
Depending on the room available on your page you can choose to display your images as a grid or as a slider.

Credit: Top Slider images and images used in the Image Galleries are all courtesy of Unsplash.

Image Gallery: Grids

If you have plenty of room you can display your images as a grid layout.

You can also open your images in a lightbox as in the demo opposite:

Image Gallery: Sliders

If space is limited you can still display all your images using the slider format.

As with the grid layout you can open your images in a lightbox as in the three demos opposite.

I’ve setup three sliders just to demonstrate how versatile the slider format is and how it fits precisely to the column width you choose.

Drag & Drop Page Builder

At the heart of the Divi theme is the drag and drop Divi Pagebuilder.
The Builder allows you to create beautiful layouts with ease and control over every part of your site.

Unlimited Layout Options

The Divi Builder uses three main building blocks: Sections, Rows, and Modules. Using these things in unison allows you to create a countless amount of page layouts.

Satisfaction Guaranteed

Elegant Themes offer no-questions-asked refunds to all customers within 30 days of purchase. If you are not satisfied, send them an email and they will refund your purchase.

Slider Modules: Standard and Full Width

Divi has two slider modules: the Standard Module and the Full Width module. Both Modules support parallax and video backgrounds. You can place the Standard Module in any width column but the Full Width Module can only be used in a full width Section.

The top section of this page was created by adding a Full Width Slider Module to a Full Width Section and adding three slides with background images only… no slider images.

How to add a Divi Slider to your page

Sliders can be placed anywhere on your pages and they will span the full width of the column they are in or the full width of the browser.

Standard Slider – can be used anywhere on any page and will fit to the width of the column it’s placed in.

Full-width Slider – can only be used in a full-width Section and it will span the full width of the browser.

If you want to know everything there is to know about the Slider Modules then watch this fabulous video by Nick Roach of Elegant Themes:

Signup with Elegant Themes and get instant access

Join today and let Divi provide the satin backdrop to your visual gems

Pin It on Pinterest

Share This