I get a lot of questions in the WordPress forums about how to edit or change small parts of a theme’s design. If you use the Chrome developer tools (or something like Firebug for Firefox), it makes really easy to track down those styles and know what to change.
Here’s a quick video showing how it works:
Thanks, Devin. Very helpful video. Especially good screen composition and narration.
Just to want to let you know:
There is a very similar tool in the Opera Browser (where Chrome probably copied it from ;-)
It is (on Windows) under: Opera -> Page -> Developer tools -> Opera Dragonfly
(or CTRL + Shift + I)
Thanks for the nice Video!
Pingback: Making the Transition from HTML to WordPress. Where do you Begin? - WP Realm
Developer Tools had a steeper learning curve than Firebug in my opinion, but now I would never go back. Aside from Chrome being hands down my browser of choice, Developer Tools has less fluff and more of the meat.
Thanks for this Devin, I only use Chrome as well now so this will definitely come in very handy.