From the course: Learning Chrome Web Developer Tools

Unlock the full course today

Join today to access over 22,700 courses taught by industry experts or purchase this course individually.

Solution: Inspect and modify elements and styles

Solution: Inspect and modify elements and styles - Chrome Tutorial

From the course: Learning Chrome Web Developer Tools

Start my 1-month free trial

Solution: Inspect and modify elements and styles

“

(upbeat music) - [Instructor] I decided to work with the Lacma.org website which is the L.A. County Museum of Art. So looking through the site, there's a couple things that seem interesting to me to tweak and so I'm going to start with these divider lines. So these lines seem a little thin to me. I'd like to see what they look like if they were a little bigger. So I'm going to hit my select tool and I'm going to try and select this line. Now, it can be a real challenge to figure out with so many overlapping pieces here what exactly, which element that maps to. But I can start by just, see, it looks like I got an HR right there. That's it. So I got it and I'm clicking into an HRZ HTML element for a horizontal rule. If you didn't quite get it, you know, you can always click something else like the div element and then just look in the code, dig down and find the element you're looking for. And then just click it in the…

Contents