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

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX