Firefox Tweaks – The Ultimate Guide

If you don’t know I’m a bit of a firefox fan. I’ve loved firefox from day one and it gets better and better. I’ve found some excellent information of how to tweak firefox to get the most screen real estate possible. Clean and efficient, I love it. Here we go.

1. Download the TinyMenu Firefox Addon – This addon replaces the standard menu bar (File, Edit, View etc…) with a single Menu Button. You can select which menu items to collapse. I like having quick access to my bookmarks so I leave it on the bar.

2. Let’s move all the navigation buttons to the top row. Right-click on a toolbar and choose “Customize” from the context menu. On the “Customize Toolbar” dialog, check the “Use Small Icons” box. Now, behind the dialog box, drag and drop items from the navigation toolbar onto the menu bar, one by one – your back, forward, stop and home buttons, the address bar, and the search bar. When there’s nothing left, click the “Done” button. Now you’ll have an empty navigation toolbar.

3. Finally the powerediting. This will involve editing your userchrome.css file. This file is user-specific and can be easily copied from one Firefox installation to another. Here’s where your userChrome.css file is located, depending on your operating system:

Windows XP/2000
C:Documents and Settings[User Name]Application DataMozillaFirefoxProfilesxxxxxxxx.defaultchrome
where xxxxxxxx is a random string of 8 characters.

Windows 95/98/Me
C:WINDOWSApplication DataMozillaFirefoxProfilesxxxxxxxx.defaultchrome


Mac OS X
~/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/chrome/

Once you locate the directory you will find a userContent-example.css file. You can edit this file and then save as userContent.css to implement the changes or download the fully modded css file below. Here are the edits and their actions

Remove disabled back, forward and stop buttons: The following userChrome.css tweaks will remove those buttons only when they’re not usable anyway (they dynamically appear when they can be used.)

/* Remove Back button when there’s nothing to go Back to /
#back-button[disabled=”true”] { display: none; }

/ Remove Forward button when there’s nothing to go Forward to /
#forward-button[disabled=”true”] { display: none; }

/ Remove Stop button when there’s nothing to Stop /
#stop-button[disabled=”true”] { display: none; }

If you never use the Home button. It can be removed with this snippet in userChrome.css:

/ Remove Home button /
#home-button { display: none; }

Remove the Go button: If you always hit the Enter key to go to the web page address you just typed in then get rid of the unnecessary Go button by adding the following lines.

#go-button-stack, .search-go-button-stack {
display: none !important;

Remove the search bar magnifying glass: If you also always hit Enter when you type queries into the search box then let’s be rid of the magnifying glass as well.

/Remove magnifying glass button from search box/
.search-go-button-stack { display: none !important; }

Remove the “throbber”: The “throbber” – or spinning dotted circle in the upper right hand corner of the ‘fox – does a nice job of advertising the fact that Firefox is in the midst of fetching a page, but the bottom status bar includes a page loading progress meter which is a lot more informative. Since the throbber offers less of the same information we already get on the status bar, let’s kick its redundant butt off our chrome island. In userChrome.css:

/ Eliminate the throbber and its annoying movement: /
#throbber-box { display: none !important; }

AutoHide the Bookmarks Toolbar: Love the bookmarks toolbar but only want it there when you need it? This tweak makes the toolbar hide automatically, unless you mouse over it (like auto-hiding your Windows taskbar or Mac Dock.) To turn on auto-hiding:

/ Pop-up bookmarks toolbar */ #PersonalToolbar {display: none;} #navigator-toolbox:hover > #PersonalToolbar {display: -moz-box;}

Or you can simply download the file here (Right Click, Save Link As) and change the filename from userChrome.txt to userChrome.css and place in your Firefox profile directory.

The links from which this information is consolidated are:
LifeHacker – Best Firefox userchrome.css Tweaks?
LifeHacker – Consolidate Firefox’s chrome
LifeHacker – Auto-Hide Your Firefox Bookmarks Toolbar
TinyMenu Addon

Leave a Reply