YoVDO

How to Use the Divi Fullwidth Slider - Divi Theme Tutorial

Offered By: Wade McMaster via YouTube

Tags

Divi Theme Courses Web Design Courses Animation Courses Adobe Photoshop Courses Camtasia Courses Visual Design Courses Parallax Effects Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Related Courses

Human-Computer Interaction
University of California, San Diego via Coursera
Introduction to Computational Arts
State University of New York via Coursera
Human-Computer Interaction Design
University of California, San Diego via Coursera
Information Design
University of California, San Diego via Coursera
Public Speaking - Join the Talk & Spread the Word
Homuork via iversity