How to Use Firebug to Modify CSS

I am a huge fan of the Firebug add-on for Firefox. Even though I use Chrome for a lot of my day-to-day web browsing, I always keep Firefox open when I am fiddling with websites. I especially like to use Firebug to figure out how a website’s CSS is structured and find where to make changes to the code. I can try out potential changes to the code—and see immediate feedback—without having to commit to them right away.

Identify the Element

The first step in using Firebug to make a style change is to identify which piece of code is controlling the element you want to edit. For example, I have decided that I want to change the “Follow me on Twitter” link on one of my websites. It’s a little boring. Continue reading “How to Use Firebug to Modify CSS”