Image ModuleThe 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: GridsWith 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: SlidersThe 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 ModulesSliders 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 BuilderAt 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 OptionsThe 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 GuaranteedElegant 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: