Image Module
Image Gallery: Grids
Image Gallery: Sliders
Slider Modules
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
The Builder allows you to create beautiful layouts with ease and control over every part of your site.
Unlimited Layout Options
Satisfaction Guaranteed
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: