6 Practical Video Slider Module Tutorials for Divi

Last Updated on September 16, 2022 by 1 Comment

6 Practical Video Slider Module Tutorials for Divi
Blog / Divi Resources / 6 Practical Video Slider Module Tutorials for Divi

Divi’s video slider module displays videos as slides. This sounds simple, but it’s actually a versatile module with lots of options and uses. Fortunately, there are several tutorials here on the Elegant Themes blog that shows how to style and use it. In this post, we’ll look at 6 practical video slider module tutorials for Divi to help you navigate the module settings. All include ideas and tips on how to use it to get started quickly!

1. How to Create a Playlist Page

Video Slider Module Tutorials

Our first tutorial shows how to create a page to display video playlists. The page includes multiple sections that display videos from a course. Each section includes a title, video slider, description, and information about the instructor. The video slider for each section shows the set of videos for a specific topic, so you can break a larger topic into smaller pieces. The tutorial shows how to create the first section and how to style it. Then, it shows how to duplicate the first section to create the other two sections and how to customize them.

View Tutorial

2. How to Enable Dot Navigation

How to Enable Dot Navigation

Our next tutorial focuses on using dot navigation with the video slider module. It shows what dot navigation is and why you’d want to use it. Then, it shows the default navigation option and how to enable dot navigation. Styling options, such as light and dark color options and how to select them, are also covered. Comparisons with and without arrow navigation show the differences between the two to help you decide which combination works for your needs. Examples show dot navigation with several design options including one that uses a different design on mobile devices.

View Tutorial

3. How to Add Image Overlays

How to Add Image Overlays

This tutorial covers what image overlays in the video slider module are, how to select them, and how to use them. It also discusses the video slider module itself, showing what it does, how to add videos to the slider, and how to style it. Styling includes the play icon, the thumbnail overlay color, and the slides themselves. Several examples show the video slider module’s overlays with different play icon choices and hover options. The overlay examples show video images and slides with descriptions.

View Tutorial

4. Using Thumbnail Track vs. Dot Navigation

Using Thumbnail Track vs. Dot Navigation

This tutorial provides an in-depth comparison between the thumbnail track and dot navigation options within the Divi video slider module. It shows how both types of navigation work, how to select them within the video slider module, their unique settings, and the differences between them. It also discusses the ideal situations for when to use each one, and the situations when using them is not ideal. This information can help you choose which type of navigation to use in any given situation.

View Tutorial

5. How to Show/Hide a Video Slider Based on Logged In Status

How to Show/Hide a Video Slider Based on User Role

This tutorial shows how to show or hide the video slider based on the user’s logged in status so only users who are logged in have access to it. This allows you to showcase your premium content using Divi’s conditional options. It shows how to create the page with a premade layout, and the layout is also available to download as a JSON file. It also includes a bonus tip to create a CTA or login form for users that are not logged in. This is great for courses, recipes, tutorials, or any type of membership site that uses videos.

View Tutorial

6. How to Create a Sticky Video Slider Bar

How to Create a Sticky Video Slider Bar

Our last tutorial shows how to create a video slider that remains on the screen when the user scrolls. It covers the standard Divi sticky options in depth. It also covers issues with using YouTube embeds with image overlays. The example it provides shows users how to build a recipe page by modifying a premade Divi layout. The layout is also available for download as a JSON file. A pro tip shows how to create thumbnail images for each step in a sequence of videos. It also covers self-hosted videos. This is ideal when users need to see video and written instructions at the same time.

View Tutorial

Ending Thoughts on Video Slider Module Tutorials

That’s our look at 6 practical video slider module tutorials for Divi. Divi’s video slider module is an excellent option for a wide range of uses. These tutorials are simple and easy to follow and include some extra tips on using the Divi video slider module settings. These tutorials are also great for getting unique ideas on using the video slider in your Divi layouts. The downloads get you started quickly.

We want to hear from you. Have you used any of these 6 video slider module tutorials for your Divi website? Let us know which is your favorite in the comments below.

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Step-by-Step Guide For Setting Up Divi Dash

Step-by-Step Guide For Setting Up Divi Dash

Posted on September 25, 2024 in Divi Resources

Managing multiple WordPress sites can be overwhelming, but tools like Divi Dash is can make it easier than it seems. Included with your Divi membership, this powerhouse tool lets you oversee all your sites from one sleek dashboard. This step-by-step guide will show you what Divi Dash is, how to set...

View Full Post
New Divi Starter Site for Bistros (Quick Install)

New Divi Starter Site for Bistros (Quick Install)

Posted on September 23, 2024 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post

1 Comment

  1. Looks very flexible with all those options available, will bear it in mind when building my next website.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today