How to have the bookmarks toolbar on Firefox show only the icons.

If you're like me you like simple and straightforward things, so it's only normal that want your workplace to look that way. This will show you how to have the favorites on your Firefox bookmark bar show only their fancy favicons instead of all that text taking up place. For this you will need to add some lines of code to the file called userChrome.css. I have uploaded it here, for you lazy folks.

Here's how you do it:

1. Close Firefox and navigate to your Firefox user folder (NOTE: Firefox 4.0 users and up. If the Chrome folder doesn't exist you will have to create it, just like it shows here, and then place userChrome.css inside of it). 

Windows XP: C:\Documents and Settings\{your username}\Application Data\Mozilla\Firefox\Profiles\Chrome

Windows 7/Vista: C:\Users\{your username}\AppData\Roaming\Mozilla\Firefox\Profiles\{profile name}\chrome

Linux users: /home/{your username}/.mozilla/firefox/{profile name}/chrome

2. Find the file userChrome.css. If it doesn't exist, you can make a copy of the file userChrome-example.css and rename it to userChrome.css or create the file with your text editor and save it as userChrome.css.

3. Add this code at the end of userChrome.css:

/* Hide the bookmark toolbar icon labels */
.toolbarbutton-text {
display: none !important; }

4. Save the file and restart Firefox.

Alternative (and faster) solution:

Install the Roomy Bookmarks Toolbar extension for Firefox. It will let you quickly change a number of settings of your bookmark bar, including removing the text on your favorites.