How to Use Inspect Element to Edit CSS in Divi
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!
Want more free tutorials and layouts?
I'd love to do more. But as you can imagine, it takes a lot of time and effort to put these together. In order for me to do these, I need to take time away from my business which is what's currently paying the bills. If you'd like to leave a tip and show your appreciation, it would show me that the time I invest in these is worth it and will help keep more coming!