The Divi Space Transforming Divi with CSS and jQuery course will teach you everything you need to know about building a successful website with Divi. Covering all of the bases, the course will show you how to use fundamental web design principles to create beautiful and highly functional websites with Divi. With the knowledge gained in the course, you’ll be able to transform a standard, good looking website into a striking and powerful online solution.
Getting to know Divi
A deep dive into the standard customisation options available in Divi, including: Theme and Module Customizer, Divi Theme Option (Custom CSS & Integration Tab) and inline editing options (front end editor). Taking a peak at the HTML & CSS buildup of the Divi frontend.
Introduction to jQuery
How to use inspect element, console and other baked in tools to improve development. An intro to must have browser extensions.
CSS Heirarchy and Placement
How cascading works, how to override CSS and best practises for clean, well written code.
What they are, why they’re awesome and usercases for how to make them work in your designs (icons, separators etc).
How they work, why we use them, best practises for mobile responsiveness. How to utilise Divi’s breakpoints for fluid design.
How to build your own animation, how to hack into Divi’s animations and where to find new ones.
When CSS simply doesn’t work, how do you fix it? Troubleshooting common issues including broken CSS, caching and overriding CSS.
Five real world examples where custom CSS has been used to make Divi better
A tour of five real sites that use CSS well.
The jQuery Cheat Sheet
10 prebuilt lines of Jquery that can be used in a function to create stunning effects.
Building a jQuery function
How to build a proper Jquery function including how to specify when and where it runs.
Moving & Replacing with jQuery
Three common issues in modules and static pages, solved with Jquery. How to Move a div somewhere else, how to replace the contents inside a div with something else and how to create a wrapper around content (putting comments box into a toggle for example).
Preparing a child theme for jQuery & CSS
Building a child theme template that correctly adds CSS & Jquery.
Practical (Building Elegant Themes Website in Divi)
A Practical Demonstration of CSS & jQuery
Walkthrough of using what we’ve learned to create the ET home page.
What Others Have Said
I have bought this course in december
By: Herwin Huizer
Hi, I want to start te course, today. I have bought it on sale, in the end of the month december. Now i cannot go further with te course. When can i go on with it???
Wish I had known…
By: Bernie Lambillon
I was very disappointed when I logged in today to continue with the course to find out that this course had an expiration date. I wish I had know this at the start so that I could have scheduled my time to finish the course. This is a first for me, having a time limit on this type of content. It would have been nice if there was an announcement somewhere in this course that it had to be completed by a certain date. Now, not only can I not complete the course, but I can't even go back and review what I've already covered. Not impressed.
Let me restart this course again
By: HongJoo Lee
Hi, my name is HongJoo Lee from Korea. I enrolled this course but I could not finished this course yet. My previous email address was email@example.com and current email address is firstname.lastname@example.org. I changed my profile of DiviSpace.com. But I can not login in this course. Would you confirm this and let me studythis course again? Thanks in advance. HongJoo Lee email@example.com (current email address) firstname.lastname@example.org (Previous email address)
jQuery Examples not working with WordPress/Deivi
By: Oliver Osswald
All jQuery examples are shown with a $ syntax, which is not working in a standard wordpress installation where noConflict mode is set. For such introductory course it would be helpful to show bulletproof step-by-step examples.
Really love this course!
By: Kathryn Martyn
This course has helped me understand how to think in code. (Simple code, I'm no coding genius). Solving web design problems seems like magic when you know how to locate what you want to change (the element), and then how to write the code to target that specific element and this happened for me in the very first lesson. SJ is a great instructor; easy to follow, explaining concepts in a way that creates interest and excitement about the possibilities. Whether you completely understand CSS and jQuery or your a newbie like me, you'll quickly learn how easily it is to make changes that up until now you've spent hours searching the web for answers. Want to move a logo? Change a background color? There are hundreds of tutorials and guides, some up-to-date, some not -- and learning to find answers is a big part of learning to design web sites but here you've got the benefit of SJ's expertise, the Facebook group for sharing questions and ideas, and the entire Elegant Themes community. Best decision I ever made.
I am really happy I decided to give this a go
By: George Nicolaou
I am a developer that uses Divi almost exclusively. Sometimes when I come across courses like this they are usually so simple that I get nothing out of them. The reason I like this one so far is that yes the content may be things I know or have used before but the explanation and the way it's taught makes me want to come back and refresh what I know. That's not to say that I haven't learned new things because I have. I usually hang out on the ET support forum and help people with issues and I love doing it in my free time but people that are willing to learn will find that the way SJ teaches them how to use inspect element for example and debugging errors etc will probably lead to even DIYers not needing as much help. My point is either way you can learn a lot. Everyone should just take this course in my humble opinion.