What You'll Learn
Browser Developer Tools • Basic Principles of CSS • Some Advanced CSS
- How to use your browser's developer tools to locate & customize CSS
- Where to add custom CSS in your WordPress admin area
- Basic principles of CSS like colors, borders, padding, etc.
- Some advanced CSS techniques
- How to locate the CSS of just about any LearnDash element
- How to change buttons, course grid styles, various aspects of Focus Mode & more
Course Content
5 chapters • 21 total lessons
1. Intro to LearnDash CSS
2. Focus Mode
- Focus Mode Page Titles
- Focus Mode Sidebar Styles
- Add a Gradient to the Focus Mode Course Title
- Add a “← Course” Link in Focus Mode Sidebar
- Focus Mode Sidebar Collapse Arrow Styles
- Auto-Number Section Headings
- Highlight the Current Lesson in Focus Mode
- Add a Background Image Behind the Focus Mode Content
- Animate Content on Page Load
- Custom Styles for Specific Courses in Focus Mode
- Focus Mode Dropdown Menu Styles
3. Course Content & Navigation
- How to Hide Scheduled Lessons (Drip Content)
- How to Style Individual Lessons & Topics on a Course Page
- Add Styles Based on Course Categories & Tags
4. Course Grid
- Grid Styles for Completed Courses
- Grid Styles for Incomplete Courses
- Grid Styles for Unavailable Courses
- Grid Styles for Individual (One-Off) Courses
5. Miscellaneous
- Custom Button Styles
Your Instructor
Dave Warfel
I've been working with LearnDash for over 5 years, and have developed 3 free & 2 premium plugins for WordPress' most popular LMS. Nothing brings me more joy than empowering others to take control of their online platform.
I live, work & play in the beautiful mountains of Colorado.
Lifetime Access
$
15
-
21 lessons
-
~3.5 hours of text, code & video
-
Limited support
-
Updates likely, not guaranteed