Richard Sumilang’s Blog

I love my viewing space, I have a huge 23" Apple display and I always try to get the most out of it however I can! I always have to make all my tool bar icons small and get rid of the ones with least relevance. Anyways, getting back on the ball here's the little tip I figured out earlier today how to hide your bookmarks bar.

So first thing we gotta do is edit our userChrome.css. If you don't want to get your hands dirty with figuring out that userChrome stuff in the link then you can also download an extension for Firefox called ChromeEdit Plus.

#PersonalToolbar{display:none;}
#navigator-toolbox:hover > #PersonalToolbar{display: -moz-box;}

Pop the above code in your userChrome.css file and restart and walla! All of sudden you got an auto-hiding bookmarks bar!

If you want you can also get rid of the navigation bar. For that you can apply the code below:

#nav-bar{display:none;}
#navigator-toolbox:hover > #nav-bar {display: -moz-box;}

Unfortunately hiding the navigation bar doesn't really work for us Mac users because that would mean the whole navigator tool bar (which means the bar holding File, Edit, View, etc...) is gone and there is is nothing to hover over to show it to us again. However it works for Windows and *nix users .

Now as your journey here has ended I thought I would be nice and give you a few links that might help you continue your journey on your own.

Here are some common userChrome element name IDs that might be helpful. Also the DOM inspector is an extremely powerful tool which would let you not only inspect a web site's DOM but also Firefox so you can completely customize it using your userChrome.css file. It ships with the default install for people using Firefox 2 and below. For Firefox 3 and above you'll have to manually install it from this addon page.

This entry was posted on Monday, April 21st, 2008 at 11:08 pm and is filed under Firefox. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.