Divi Stylist Academy
Welcome to Divi Stylist Academy, the course that will teach you beautiful web design and custom coding for Divi. This is the main hub for the course. Scroll down to see the course content and useful links.
Start Here
Welcome!
Start with this short introduction to find out how Divi Stylist Academy is structured and the best ways to learn efficiently.
Module 1
Website Design Fundamentals
Everything you need to know about beautiful web design, from branding through typography to color and imagery.
Module 2
Divi Theme Workflow
There are many ways of working with Divi. This module is about finding the most efficient and effective one.
Available in week 2 of the course
Module 3
HTML & CSS Introduction
Here, we’ll cover the basics of using custom code in a beginner-friendly and efficient manner.
- 11 lessons
- Understanding HTML Structure 06:47
- HTML Tags 04:13
- Getting Started with CSS Syntax 07:21
- CSS Selectors 10:21
- CSS Pseudo-classes 09:03
- CSS Specificity Hierarchy 09:30
- Inspecting CSS in the Browser 18:09
- CSS Display Types 09:26
- Styling a Button 11:22
- Position Types 12:12
- Troubleshooting CSS 09:43
Module 4
Advanced CSS Techniques
Learn the most important coding techniques to make any professional website truly shine.
Module 5
Divi Mobile Responsiveness
Everything you need to know about responsive web design and making any Divi website pixel-perfect.
- 10 lessons
- Responsive Web Design and Divi 06:11
- Builder Responsive Design Styles 06:02
- Responsive Content Feature 05:03
- Breakpoints and CSS Media Queries 08:05
- Media Queries CSS Syntax 10:52
- Responsive CSS Settings 04:37
- Custom Columns Structure and Order 16:27
- Responsive Units in CSS 14:39
- Mobile Menu Customization 20:27
- Common Mobile Issues and How To Solve Them 16:08
Module 6
Working with jQuery
Relatively easy to use and functional, jQuery is the perfect tool for achieving stunning effects in simple ways.
- 12 lessons
- A Quick jQuery Overview 03:33
- jQuery Syntax 10:07
- Methods for Selecting Elements 16:24
- jQuery Events 14:32
- jQuery Chaining 02:32
- Hiding & Showing with jQuery 10:59
- jQuery Animations 10:59
- Changing Element CSS with jQuery 11:58
- jQuery Variables 08:16
- Inserting, Replacing and Removing Elements 18:20
- Working with jQuery plugins 25:20
- jQuery and Divi in Practice 33:39
Module 7
Full Website Creation
In this module, we consolidate the knowledge from the course and design a professional website from start to finish.
- 12 lessons
- Defining Website Goals, Brand and Systems 05:55
- Setting up Child Theme and Presets 31:47
- Website Header 50:41
- Footer Layout with Call to Action 39:21
- Home Page 1:12:39
- Contact Page 31:43
- Blog Post Layout 1:05:51
- Blog Archives and Categories 46:11
- Portfolio and Testimonials 56:12
- About Page 28:50
- Services Page 22:46
- Finishing Touches 28:02
Sorry, you don't have access to this content.
It looks like you're not enrolled in Divi Stylist Academy.
Login to your Account
If you're a DSA Student, please log in to your account to access the course content.