6/26/2019 The Divi Video Slider Module | Elegant Themes Documentation

Divi Changes Everything. Give It A Test Drive! LEARN MORE

ALL
DIVI C O N TA C T ACCOUNT PRICING
PRODUCTS

Divi Builder Plugin Documentation

Search Documentation

DIVI EXTRA B LO O M MONARCH

DIVI BUILDER D E V E LO P E R S

BACK TO DIVI BUILDER PLUGIN DOCUMENTATION

The Divi Video Slider Module

How to add, con gure and customize the Divi video slider module.

https://www.elegantthemes.com/documentation/divi/video-slider/ 1/14
6/26/2019 The Divi Video Slider Module | Elegant Themes Documentation

Divi Changes Everything. Give It A Test Drive! LEARN MORE

The Divi Video Slider Module
ALL
DIVI C O N TA C T ACCOUNT PRICING
PRODUCTS

Divi makes it easy to add a Video Slider to your page. This is a great way to organize
collections of videos from just about any source. The video gallery also allows you to
customize video thumbnail images and play button to add a clear, custom style to your
embeds.

VIEW A LIVE DEMO OF THIS MODULE

How to Add a Video Slider Module to Your Page

Before you can add a video slider module to your page, you will rst need to jump into the
Divi Builder. Once the Divi Theme has been installed on your website, you will notice a Use
Divi Builder button above the post editor every time you are building a new page. Clicking
this button will enable the Divi Builder, giving you access to all of the Divi Builder’s modules.
Next, click the Use Visual Builder button to launch the builder in Visual Mode. You can also

https://www.elegantthemes.com/documentation/divi/video-slider/ 2/14
6/26/2019 The Divi Video Slider Module | Elegant Themes Documentation

click the Enable

DiviVisual
ChangesBuilder button Give
Everything. whenItbrowsing your website
A Test Drive! LEARNon the front end if you
MORE
are logged in to your WordPress Dashboard.
ALL
DIVI C O N TA C T ACCOUNT PRICING
PRODUCTS

Once you have entered the Visual Builder, you can click the gray plus button to add a new
module to your page. New modules can only be added inside of Rows. If you are starting a
new page, don’t forget to add a row to your page rst. We have some great tutorials about
how to use Divi’s row and section elements.

Locate the video slider module within the list of modules and click it to add it to your page.
The module list is searchable, which means you can also type “video slider” and then hit
enter to automatically nd and add the video slider module! Once the module has been

https://www.elegantthemes.com/documentation/divi/video-slider/ 3/14
6/26/2019 The Divi Video Slider Module | Elegant Themes Documentation

added, you will

DivibeChanges
greetedEverything.
with the module’s
Give Itlist of options.
A Test Drive! These options
LEARN are separated into
MORE
three main groups: Content, Design and Advanced.
ALL
DIVI C O N TA C T ACCOUNT PRICING
PRODUCTS

Populating the Video Slider with Content

Before adjusting too many settings it’s probably a good idea to go ahead and populate your
video slider with video slides. That way when you make changes you’ll actually be able to see
how they affect the end result. To add a new video slide you will need to click the + Add New
Item link.

https://www.elegantthemes.com/documentation/divi/video-slider/ 4/14
6/26/2019 The Divi Video Slider Module | Elegant Themes Documentation

Here you can either

Divi uploadEverything.
Changes a .mp4 or Webm le.Test
Give It A YouDrive!
can also insert a video
LEARN MOREurl from
YouTube. When you’ve either uploaded your le or added the YouTube link simply click the
ALL
green
D I check
VI button in the bottom right
C O hand
N TA Ccorner
T and
ACyou
C Owill
UNT return to the video slider
PRICING
PRODUCTS
module’s main content tab. Repeat this process for each video you’d like to add.

Video Slider Module Content Settings

Now that your content has been added, there are a few other areas to explore. The three
content tab dropdown menus where settings have been grouped which will affect the entire
module.

Elements
Under elements you’e able to adjust the setting for the video slider module’s arrows and
slider controls.

Overlay
Here you can choose to show or hide video overlays on the main video. This can be done by
adding an overlay to each video slide or auto-generated by Divi.

Admin Label
In this dropdown you can add an admin label that will appear in the back end builder as well
as the visual builder’s skeleton view.

Video Slider Module Design Settings

https://www.elegantthemes.com/documentation/divi/video-slider/ 5/14