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;}
Related Articles:
Firefox Bookmarks Toolbar is not showing bookmarksChange your bookmarks toolbar appearance in firefox
Firefox Temporary Bookmarks
Buttonizer Turns A Firefox Toolbar Into A Button
Improve Firefox’s Bookmarks Management With Incredible 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
Hi,
You can do that much easier. Install the extension called “Stylish”, then restart Firefox. Right-click its statusbar icon, then click “Write new style” -> “Blank style…”. Give the style a name, and paste the code inside the larger textarea. It’s even possible to preview it before saving. However, you can’t currently undo and redo preview without doing [Ctrl]+[A], [Ctrl]+[X], “Preview”, [Ctrl]+[V], “Preview”. From the manage interface added into add-on manager, you can also easily disable and uninstall it, like extensions.
In most times, you don’t need restart to apply/undo changes. One exception is when you hide scrollbars, you’ll need to restart, otherwise you’ll get a small 4-way scollbar inside sites and textareas.