How to Use Inspect Element to Edit CSS in Divi

by | Dec 18, 2017 | Divi Tutorial, Wordpress Tutorial | 14 comments

In this tutorial, I show you how to use Google Chrome’s Inspect Element Tool to help edit and customize your CSS in Divi. Inspect element is a robust and complex tool so we don’t cover everything but I’ll show you what you need to know editing and customizing WordPress and Divi sites.

In this tutorial, we cover the basics of Inspect Element including how to enable it, how to customize it to your liking and how to view the HTML, classes and the CSS. We then go over how I use it to look at styles from one site and replicate them on another. In this case, we’re going to take the blog styles that are currently on my front page and replicate them on my test site. I was going to give you the code below but since I show you how to do it using inspect element, what kind of teacher would I be if I just gave you the code and didn’t let you try it out?!? 🙂

I really hope this walkthrough of inspect element helps give you a basic understanding of how it works and gives you the same mindset that I have…that the sky’s the limit with Divi, WordPress, CSS and Inspect Element!

Links mentioned in the video: