My Bookmarks Toolbar in Firefox is filled with lots of bookmarks, many of them stored in folders to stuff even more bookmarks into the space of a single toolbar. While the Bookmarks Toolbar is useful for accessing websites fast it has one limitation that made me do some research to see if there would be a way to fix it.
I’m talking about the fact that the Bookmarks Toolbar in Firefox is always displayed. It is possible to uncheck the toolbar which means that it is not shown which is not what I wanted to do of course. I was looking for a way to increase the space on the screen that the visited website would occupy while still keeping the Bookmarks Toolbar ready to be accessed.
I found a way to hide the Bookmarks Toolbar in Firefox and activate it only if the mouse is hovered over the area where it would normally appear. This way it is possible to have more space available for displaying the website while still being able to access the Bookmarks Toolbar if needed.
If you want to apply this Firefox tweak you do need to access the file userChrome.css which is located in the ‘chrome’ directory of the Firefox profile folder. Add the following two lines at the end of this file and restart Firefox afterwards:
#PersonalToolbar {display: none;}
#navigator-toolbox:hover > #PersonalToolbar {display: -moz-box;}
Read Related Posts
14 Responses to “Firefox Bookmarks Toolbar Tweak”
Trackbacks/Pingbacks
-
[...] 原文链接。 I hope you enjoyed reading this post. You may now subscribe to my RSS Feed, scroll down to 留下评论 or get back to the homepage. I recommend Giganews, the ultimate P2P alternative: Read here why [...]

Firefox Bookmarks Toolbar is not showing bookmarks
Great hack! Thanks.
Nice idea – I’ll be sure to give this a try.
(You should submit this idea to Lifehacker.com.)
Is the > after hover correct? I thought it should be a semicolon?
Great hack — always enjoy your blog!
@Al: “>” is the child selector; it only selects the direct children of an element without selecting its descendants further down the tree.
Al sorry for that.The code was messed up, I corrected the issue.
WONDERFUL HACK. Thanks.
I’m new at this kind of thing and having trouble getting this to work. Right now the only text in my userChrome.css file is: #PersonalToolbar {display: none;}
#navigator-toolbox:hover > #PersonalToolbar {display: -moz-box;}
…and it is saved in: C:\Program Files\Mozilla Firefox\defaults\profile\chrome
Thoughts? Also, does anyone know how to expand the bookmarks toolbar to be two lines?
Thanks.
To hide the Bookmarks Toolbar, I followed the directions (added the two lines to the end of my userChrome.css file and restarted Firefox).
But the Bookmarks Toolbar is still there!
Please advise. Thanks.
I want to increase the toolbar space. I dont care about the viewing area, and I also dont want to stuff multiple buttons under one folder/button. How do I do that.
Fantastic! Even better than what I was thinking.
Thanks man!
I used this tweak to auto-hide the toolbar, but now clicking on any bookmarks in subfolders of the Bookmarks Toolbar doesn’t work?
Any ideas?
Great Hack! i use it whenever a new version of firefox comes out.And also when i install it on new PC,
cant get it to work. it wont save