It’s time.

Hey there, Divi Designer! 😁

Are you wanting to go beyond the design controls Divi gives you? Are you wondering how to create that certain feature you saw on another website? Are you wanting to design more confidently with Divi?

If the answer to any of the above is yes, I’m here to tell you “It’s time.”

It’s time for you to venture a bit into the developer world and learn CSS. Sound scary? It can be … especially on your own.

That’s where I come in.  I’m here to guide you and teach you the CSS you need to know to take your Divi sites to the next level.

Who is this course for?

Work with me.

The course is split up into 2 sections.

In the first section, we’ll go over the basics of CSS, how to write CSS, and cover the properties I use most often.

The second part of the course is 25+ (and growing) Divi projects.  In each project I go over the CSS used to achieve the desired effect.

In all, over 16+ hours of CSS video training!

By the end of the course, you should confidently be able to to use CSS with Divi and recreate the CSS effects from the course as well as CSS effects I’ve used on the Premium Child Themes (Josefin, Milo, and Hawthorne … to name a few) I’ve created.

By utilizing CodePen in the course, you have complete access to the CSS for each project to edit as you see fit for your projects.

Meet the Instructor.

Hey, what’s up? I’m John. 😁

I’m a theme creator & product designer with Superfly as well as the Owner & Lead Creative at Artillery.

The products I’ve worked on in the Superfly store have grossed well over $250k+ in sales. How? Solid designs, plenty of design options, premium support … but the top reason, I believe, is providing designs that do not look like a Divi site.

We all have come across sites we know right away is a Divi site. Maybe the header gives it away, perhaps hovering over the buttons, or the back to top feature is the dead giveaway … whatever it is, we’ve all seen the hints.  I’ve often seen the question asked by other Divi designers: “How do I make my Divi site look less like Divi?”

This is where CSS comes in.

CSS gives you the ability to tweak your site beyond the controls Divi gives you. If you’re wanting to take your Divi sites to the next level … and have them not look Divi sites … this course is for you.

Learn more about John by visiting Artillery’s website.

Sample Project

View CodePen

Over 25+ Projects … and growing!

Some of the projects you’ll complete…

  • How to use Google Chrome’s Inspect Element Tool
  • Using :before & :after to style background colors and hover states of Sections
  • Add a Custom Brush Divider at the Top and Bottom of Sections
  • Subtle Column box shadows on hover
  • 3 columns image box background with color overlay on hover
  • Styling the Blog Grid including the “Read More” Post link
  • Styling a form
  • Using span classes to style custom text
  • Customizing the Secondary Menu
  • Creating a 2-column Half Image / Half Text with 2 Column Switch for Tablet / Mobile
  • Styling Font Awesome Icons
  • Video background with image overlay
  • Gradient buttons with hover
  • Advanced Responsive Design testing

And much more!

In all, over 16+ hours of CSS video training!

Get the course today for $89 $44.50

50% off through the end of 2019 with coupon code “css50”