Customize Firefox With Userchrome.css

Customize Firefox with userChrome.css Edits to your Firefox profile's userChrome.css file can make all sorts of fun and useful changes to the fox's chrome, menus, dialogs and toolbars. For instance, I've disabled the Forward, Back and Stop buttons unless there's something to go back or forward to or stop, I've made the bookmarks toolbar multirow to display all my 'marks, and included the bookmark keyword to the Add Bookmark dialog. And this is just a few examples of what can be done. After the jump, find out how. First you have to open your userChrome.css file in a text editor. Sometimes it doesn't exist so you have to create it yourself; my Mac had a userChromeexample.css file which I copied to a userChrome.css file. The location differs depending on your operating system: Windows 95/98/ME c:\windows\Application Data\Phoenix\Profiles\[profile-name]\[#s].slt\chrome\ Windows NT %UserProfile%\Application Data\Phoenix\Profiles\[profile-name]\[#s].slt\chrome\ Windows 2000/XP C:\Documents and Settings\[USER]\Application Data\Mozilla\Firefox\Profiles\default.tea\chrome\ *NIX ~/.phoenix/[profile-name]/[#s].slt/chrome/ Mac OS X ~/Library/Application Support/Firefox/Profiles/[profile-name]/chrome/ Then, add the lines that make changes to the 'fox. Mine are: /* Add a keyword when adding a bookmark */ #keywordRow { display: -moz-grid-line !important; } /* Remove Stop button when there's nothing to Stop */ #stop-button[disabled="true"] { display: none; } /* 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; } /* Multi-row bookmarks toolbar */ #bookmarks-ptf {display:block} #bookmarks-ptf toolbarseparator { display:inline }