Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Use the Divi Fullwidth Slider - Divi Theme Tutorial

Wade McMaster via YouTube

Overview

Discover how to effectively utilize the Full Width Slider in the Divi Theme by Elegant Themes in this comprehensive 24-minute tutorial. Learn to set up individual slides, customize the overall module, and achieve stunning results for your website. Explore various options and design tools to tailor the appearance of each slide and establish general rules for the entire module. Gain insights into creating new pages, configuring basic settings, adding images and videos, implementing button backgrounds, and applying parallax effects. Master techniques for adjusting background image positioning, blending, and filters. Dive into slide settings, animation options, spacing configurations, and content width adjustments. By the end of this tutorial, you'll be equipped to create visually appealing and dynamic sliders for your Divi-powered website.

Syllabus

Intro
Creating a new page
Setting up the fullwidth slider
Basic settings
Creating a new slide
Image and video
Button background
Parallax effect
Background image position
Background image blending
Basic design
Slide settings
Blur image
Max width
Filters
Second Slide
Button Links
Animation Settings
Automatic Slide On Hover
Spacing
Content Width
Post Slider

Taught by

Wade McMaster

Reviews

Start your review of How to Use the Divi Fullwidth Slider - Divi Theme Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.