TUAW Tip: Bring favicons to Firefox's bookmarks bar
Nevertheless, one of the things that's always irked me about the Mac version of Firefox is its lack of favicons in the bookmarks bar right out of the box. Pouring salt on the wound, no amount of research through Firefox's help files, Mozilla's forums or even Firefox's own config file (accessible by typing about:config in the address bar) yielded any kind of explanation or workaround. But thankfully, I finally found a solution, so if you're in this same bucket and you want favicons in your Firefox bookmarks bar, listen up: it's all (apparently) about the theme. I don't know how or what exactly these theme authors are doing, but installing some of the themes available from Mozilla's add-ons site will bring favicons to Firefox's toolbar once you enable the theme and restart the browser. I first tried the Blue Ice theme which worked just fine, but finally settled on Mac Favicon which simply edits the default theme to enable the tiny but handy icons. I'm sure more of the themes at Mozilla's site will do the trick, and I would bet that checking their preview screenshots to see if favicons are indeed visible should save you some time when searching for the right solution.
I would imagine Mozilla turned off favicons by default to make the browser look and feel a little more like Safari, but they could have made our lives easier by simply offering a menu item, possibly under View. Ultimately, an add-on like the ones I've mentioned are a decent enough solution for now, but I recommend you submit this as feedback to the Firefox team if you've been jonesing for favicons as bad as I have.
Share
Categories
For a number of reasons, I always keep coming back to settling for (read: compromising on) using Firefox as my main browser. For those who...
Add a Comment
wow, you're a real helpful guy Aronnax. I don't know if you remember, but I'm the guy who emailed you about switching some of the buttons for the latest version of GrApple (specifically the New Tab button)
Thanks
@7 and @10
I think is nicer without the favicons, but it is naturally as well possible to add these favicons on my and other themes.
there:
http://www.takebacktheweb.org/CaE.html
is a description how to add "Favicons to the Bookmarks Toolbar" - works for example with my GrApple, Pinstripe from Kevin Gerich and the Mac Firefox default theme.
----
Favicons to the Bookmarks Toolbar
works with these modifications in your userChrome.css
.bookmark-item > .toolbarbutton-icon {
padding: 0px 2px 0px 0px !important;
margin: 0px !important;
width: 18px !important;
height: 16px !important;
display: inline !important;
}
.bookmark-item:hover > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x !important;
}
.bookmark-item:hover:active > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
}
toolbarbutton.bookmark-item[container]:hover:active > .toolbarbutton-text,
toolbarbutton.bookmark-item[container][open="true"] > .toolbarbutton-text,
toolbarbutton.bookmark-item[container]:hover:active > .toolbarbutton-icon,
toolbarbutton.bookmark-item[container][open="true"] > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
}
About the userChrome.css:
This file sets the display rules for various elements in the Firefox user interface and is located in the sub-folder called chrome in your profile folder. The file does not exist by default, so you need to create it before you can start adding your preferences. There's actually an example file that exists by default, called userChrome-example.css. Basically, you can just rename that file by removing the -example part.
-----
Regards
Thank you so much! I have always wondered why they didn't show up.
April 27 2007 at 12:44 PM Report abuse Permalink rate up rate down Reply@7, favicons would look so ugly with that theme. I'm using GrApple Eos Pro and I think it looks a whole lot better without the favicons and gives it a cleaner, slicker look.
April 27 2007 at 12:04 PM Report abuse Permalink rate up rate down ReplyCamino has favicons on it's tabs...it has for quite a while now.
April 27 2007 at 10:28 AM Report abuse Permalink rate up rate down Replyhttp://www.joacim.net/upload/favicon.jpg
April 27 2007 at 5:19 AM Report abuse Permalink rate up rate down Reply
This is one of the most annoying things about Firefox, I've been using the Favicon Theme for a while now even though I would love to use the GrApple (Eos) theme WITH favicons. I'm also using the FaviconizeTabs as you can see on my tabs, I love it!
You may also like to edit bookmarks with favicons to remove the text description; you can then click only on the favicon to get to your favorite sites plus you get about three times as many bookmarks in your bar. This works in all flavours of Firefox and Camino, too.
Example here http://weblog.garyturner.net/index.php/2006/07/21/camino-tip/
try flickr on firefox as well.
made me do the switch.
Hot Apps on TUAW
Deals of the Day
more deals- Verizon Leather Sleeve for Tablets for $4 + free shipping
- Wicked Jaw Breaker Noise-Isolating In-Ear Headphones for $6 + free shipping
- Refurb Apple MacBook Air Laptops: 12" 64GB SSD for $699 + free shipping
- JVC Motion Sensing Clock Radio with Dual iPod Docks for $55 + free shipping
- Apple iPhone Headset with Mic for $4 + $2 s&h
- Refurb Apple iPod nano 8GB MP3 Player for $99 + free shipping, 16GB for $119
Software Updates
more updates- EFI Firmware Update brings Lion Internet Recovery to 2010-model Macs
- OS X Lion 10.7.3 released with Safari 5.1.3, Wi-Fi bug fix
- Aperture updated to 3.2.2, addresses Photo Stream issue
- Apple updates Keynote to address Lion issues
- Google Search app gets new look on iPad
- Apple releases Apple TV Software Update 4.4.3



13 Comments