Theme Customization easy as 1,2,3 with Firebug

I often get support questions like “I want to change the color of element “X” from default black to red” (or similar). If you have a look into the CSS files you normally should find out pretty fast which areas you need to edit to change colors, fonts and even sizes of specific elements. But sometimes it´s not so obvious and searching for the right CSS selector can be a pain. The famous Firefox addon “Firebug” makes it easy as 1,2 3 to find the right CSS.

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. I use it especially to edit CSS because you just need to klick on an element and Firebug shows all relevant CSS classes, IDs and selectors for it. You can simulate changes right in firebug and the changes take immediate effect (but you can´t save them). It also tells you in which CSS file you need to look and even what line. For a theme like BranfordMagazine that comes with several CSS files it is a pretty good timesaver.

Find out more about Firebug at its offcial Website.