Toolbar bookmark icons in Firefox 3 on OSX Leopard

Posted by face on June 02, 2008

Screen shot of bookmarks

OT – I’ve been doing most development on Ubuntu and OpenBSD. I recently made the mistake of ordering a fully loaded Dell Inspiron 1720, only to learn that Dell dumbed it down by replacing the DVI port with VGA and disabling the RAID support on the mother board. Instead of following Dell’s marketing plan and getting their XPS, I promptly went to Apple.com and bought a Macbook pro. I recommend development on the Macbook pro and Leopard is a great Unix development environment.

Okay, back on topic….My favorite solution to adding back the bookmark icons was a comment by klugerama in the comments of Lifehacker’s article Mac Tip: Add favicons to the Firefox bookmark toolbar

What klugerama suggested was to add the following to userChrome.css:

/* Kill(display: none) or show (display: inline) bookmark icons in the Personal Toolbar */ 
  toolbarbutton.bookmark-item > .toolbarbutton-icon {
  display: inline !important;
}
This works great with Firefox 3 beta and probably earlier versions as well. Don’t have a userChrome.css? This is how I made mine (your Profile directory will be slightly different):
cd ~/Library/Application\ Support/Firefox/Profiles/c25zk8xx.default/chrome/
cp userChrome-example.css userChrome.css
Another useful tip from the same comments section by kobewan is to space the icons closer together:

/* change space around bookmark toolbar icons */
  #personal-bookmarks toolbarbutton {
    margin-left: -3px !important;
    margin-right: -3px !important;
}
Finally, Firefox 3 added some useless Folder icons to the toolbar. A comment from Sebhelyesfarku in this article on alex.polvi.net did the trick for Firefox 3 on OSX:

/* Hide the Folders in the Personal Toolbar */
  toolbarbutton.bookmark-item[container] > .toolbarbutton-icon {
  display: none !important;
} 

Digg! Delicious! Technorati Blinklist Furl Reddit
Comments

Leave a response

  1. LyallJuly 24, 2008 @ 07:00 PM

    Thanks for this tip!

  2. StuartDecember 19, 2008 @ 07:21 PM

    You can also use the Stylish plugin for Firefox and the same code for the same affect.

  3. Apple HaterApril 24, 2009 @ 02:46 PM

    LOL, Mac, it’s just an overpriced Intel laptop! You should of ordered a high-end HP DV9xxx. Money better spent w/o helping the new evil empire PC monopoly

Comment

Hint: Comments now accept textile.