Squeeze More Into Firefox Bookmarks Bar

April 10, 2009

Also called the Personal Toolbar, the Firefox bookmarks bar can become over-populated so much so that the extra items get pushed into a drop-down-menu. What makes matters worse is that if you choose to change the display-mode of the toolbars to icon only, the bookmarks bar still shows the icons and the text.

Here’s how to disable the bookmarks’ labels when you change the mode of the toolbars to icon. This will disable the text labels on the bookmark items and allow showing more items than you ever imagined. You’ll have to edit the userchrome.css file in the chrome folder under your Firefox profile directory. Open it in a simple text editor and add the following lines of code to the end of it.

toolbar[mode="icons"] .toolbarbutton-text {
display:none !important;
}

bookmark icons Squeeze More Into Firefox Bookmarks Bar

What is does is basically it fixes the disabling of text labels when the toolbars are configured to show icons only (under View > Toolbars > Customize > Show – Icons). If you choose to show text labels, they will appear as usual. There’s a minor drawback to this though. You are forced to remember the bookmarks by their icons and thus bookmarks with no favicons can get confusing. A way to remember them is by their order of placement or better yet just wait for their tooltip to show up.

 

Join 37,807 others and get free tutorials & tips on design & development using Wordpress on, Thesis & Genesis!

{ 4 comments on Squeeze More Into Firefox Bookmarks Bar… read them below or add one }

ScottH May 3, 2009 at 8:25 am

Oh man, this is a great simple tip… now all I have to do is cut my bookmarks in the bar to less than 40 ;)

Roger Lee May 25, 2009 at 3:59 am

Great idea, but what about those link which have no graphics to display and only display a “blank white page”? Is there a way to add a graphic or picture to a URL? Not only would this be helpful in Firefox using Icons only. But it would also be great to know how to do this for my our website’s URLs?
Thanks

Shivanand Sharma May 25, 2009 at 8:32 am

Roger: Use the IdentFavicon extension.

jimjim 928 June 21, 2010 at 12:31 pm

you can do this simply by left clicking each one of the icons and removing the name

Comment on Squeeze More Into Firefox Bookmarks Bar

You can add images to your comment by clicking here.

Previous post:

Next post:

X

Wordpress, Thesis, Genesis tutorials from Binary Turf — one tutorial a day. Subscribe & sharpen your web design skills.

Name:

Email:

We respect your email privacy.