4 Handy Firefox userchrome.css Modifications

These instructions are for Firefox 3.

The four modifications we are going to perform today are:

• Expand the bookmark bar into multiple rows.
• Install easy Firefox restart add-on
• Install Firefox add-on to create multiple tab rows
• Move tab row to screen bottom

Multiple Bookmark Rows

1. First, find your userchrome.css file by way of one of the following paths:

• Windows 2000/XP
  C:\Documents and Settings\[USER]\Application Data\Mozilla\Firefox\Profiles\default.tea\chrome\
• Windows Vista
  C:\Users\<username>\AppData\Roaming\Mozilla\Firefox\Profiles\<some_profile>\chrome
• Mac OS X
  ~/Library/Application Support/Firefox/Profiles/[profile-name]/chrome/

2. If it says “userchrome-example.css” simple re-name it to “userchrome.css”.

3. Open userchrome.css in Notepad.

4. Insert the following code, thanks to a fluctuation.

/* Multi-row bookmarks toolbar for Firefox 3*/
#bookmarksBarContent
{display:block !important;}
.places-toolbar-items
{display:block !important;
height: 50px !important;
overflow-y:auto !important;}
#bookmarksBarContent toolbarseparator
{display:inline !important;}
#bookmarksBarContent .bookmark-item
{visibility: visible !important;}
.chevron {height: 0px !important;}

5. Save userchrome.css, and restart Firefox.  You may have to adjust “height: 50px” unless you are using the Default Firefox theme.

Firefox Re-Start Add-on

To make step 5 of the previous instructions easier, I suggest downloading this add-on:  QuickRestart.

This add-on adds a “Restart Firefox” selection in your File menu.  It can also be triggered by Ctrl+Alt+R. Very quick, and very handy!

Firefox Multiple Tab Rows Add-on

To increase productivity by being able to view all your tabs at once, consider downloading this add-on: Multiple Tab Handler.

Besides immediately producing multple tab rows, it includes the functions of drag and drop, multiple selection and grouping.

Place Tab Rows on Screen Bottom

1. Once again, open your userchrome.css file in Notepad.

2.  Add this code, thanks to Mark O’Neill.

/* Display the Tab bar at the bottom */
#content > tabbox { -moz-box-direction: reverse; }

Thanks! I hope you found these useful! Once you know where the userchrome.css file is, there are many, many modifications you can make, and they’re only a Google search away

About these ads