Learn how to take Divi to the next level with SJ James

It’s been a long time coming but SJ’s Divi course, Transforming Divi with CSS & jQuery is finally here and with it comes the opportunity for you to extend Divi well beyond what is available within the core Divi settings and to take your Divi web building skills to the next level.

“Learn the art of CSS and jQuery to master the craft of building Divi websites. Learn from the best in the business, SJ James – the founder and creator of Divi Space – and level up your web design skill set to land better clients, charge higher fees and grow your business.”

SJ James has been at the forefront of the Divi 3rd party plugin development scene for many years now with popular plugins such as Divi Switch and Page Builder Everywhere, so he is someone who knows Divi as well as anyone out there.

If you have seen SJ on the Divi Chat video podcasts, in the Facebook groups or any of the recent screencasts he has been doing with David Blackmon, you will also know that he has a deep understanding of the inner working of Divi and is able to explain the technical side of Divi in a quite non-technical way with clear instructions that are easy to follow and implement.

Watch the course intro from SJ James

Whats included in the course?

Basics

  • 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 CSS Understanding what CSS is, how it works #selector { property: value }
  • Introduction to Jquery What Javascript is, how Jquery makes building javascript solutions easier and how it works.
  • Browser Toolkit How to use inspect element, console and other baked in tools to improve development. An intro to must have browser extensions.

CSS

  • CSS Heirarchy and Placement How cascading works, how to override CSS and best practises for clean, well written code.
  • Pseudo Elements What they are, why they’re awesome and usercases for how to make them work in your designs (icons, separators etc).
  • Media Queries How they work, why we use them, best practises for mobile responsiveness. How to utilise Divi’s breakpoints for fluid design.
  • Animations How to build your own animation, how to hack into Divi’s animations and where to find new ones.
  • TroubleshootingWhen 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.

JQuery

  • 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).

Practical (Building Elegant Themes Website in Divi)

  • Preparing a child theme for Jquery & CSS Building a child theme template that correctly adds CSS & Jquery.
  • Home Page Build Walkthrough of using what we’ve learned to create the ET home page.
  • Bonus: Inserting Layouts in Template Pages Using Jquery & PHP Teaser
  • Bonus: Editing Modules Cloning and editing a Divi Module (Teaser to module building course)

What does it cost?

The launch price for the course, which opened May 1st 2018 is $197, but if you are a lifetime member of the Divi Space membership program then it is included for free!

The Divi Space membership program is $297 so if you are interested in this course it’s kind of a no-brainer to sign up for the membership at Divi Space which will not only give you access to the course, but also includes a huge range of Divi child themes, plugins, layouts and resources which are valued at over $2000

Affiliate disclosure: Some links on this page may contain affiliate codeand the owner of this website will be paid a commission on any sales that result from purchases made via these links. If you choose to purchase via links on Divi Theme Examples you will be helping to keep this website a forever free resource for the Divi community.

divi space membership

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close