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?
“I can’t believe how much content and detail you go into for the cost of the course and your teaching style really aids learning with no stone left unturned.
The projects are really helping me to take what can be done with Divi out of the box and add unique styling.
I knew some very basic troubleshooting of CSS before I started your course but now I’m really starting to understand how CSS works and how it all hangs together.”
– Spencer
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, founder & creative director at Artillery, and co-founder & instructor at Break Into Web.
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. CSS allows us to add effects & interaction where Divi is currently unable to achieve.
If you’re wanting to take your Divi sites to the next level … this course is for you.
Sample Project
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!