Comments on: 20+ Ways to Tweak Firefox with the Userchrome.css File

By: John L. Galt

John L. Galt — Tue, 26 Jan 2010 23:41:58 +0000

Just thought you might like a couple more that I use in every profile I make for all the different versions of Fx that I use / test.

***For those using Console^2, the better Error Console, here are tweaks for custom overlays to make it look better:

/*Custom js overlays for Error Console 2 by MR Tech
http://forums.mozillazine.org/viewtopic.php?p=1761436#1761436*/

.console-row[type="error"],
.console-row[type="exception"],
.console-row[type="error"] .console-row-icon,
.console-row[type="exception"] .console-row-icon {
background-color: #FFECEC !important;
}

.console-row[type="warning"],
.console-row[type="warning"] .console-row-icon {
background-color: #FFFFE0 !important;
}

.console-row[type="message"],
.console-row[type="message"] .console-row-icon {
background-color: #F5F5F5 !important;
}

.console-row {
border-bottom: 1px solid ThreedShadow !important;

***Instead of just removing the Stop button, how about showing the Stop button and / or Reload button, as a single button set, based upon if the page is loading or already loaded?

/* Show Stop and Reload buttons smartly*/
#stop-button[disabled] {
display: none !important;
}
#stop-button:not([disabled]) + #reload-button {
display: none !important;
}

***Invisible Menubar – rather than using an extension, use this set of tweaks to make it ‘slide’ off-screen, and appear when you hover over the area (If you then move all of the icons / buttons and the address bar and search bar to the top level Menu Bar, you in effect get everything on a single menu bar, and can then hide the Address bar {via right click on menu bar area –> Customize} and get more real estate):

/*::::::::::::::Invisible Menubar::::::::::::

How to use it: Move all your Navigation Toolbar items
(back/forward buttons, address bar, search bar etc.
from the navigation toolbar to the Menu Bar, either
on the right side or left side of the Menu Items.
Now past this code in userChrome.css and restart your
browser. You will no longer see the menu items. Now
hover at the right/left edge of the menu bar (whichever
side the menu items were on) and the menu items will
appear. You can now hide the navigation bar and save
vertical space

::::::::::::::*/

#menubar-items {
padding-left: 5px !important;
}

#menubar-items > #main-menubar {
margin-left: -9000px !important;
}

#menubar-items:hover > #main-menubar {
margin-left: 0 !important;
}

#menubar-items:hover {
background-image: none !important; padding-left:0 !important;
}

***Use Spellbound to check your spelling in a dialog box? remvoe the native Spell check contet menu item so you can right click any text area –> Press “S” to easily initiate spell check:

/* Never show Spell check in Context menu
/*Useful for users of SpellBound II */

menuitem[label="Check Spelling"] {
display: none !important;
}

***Hide the Personal toolbar, and show it only on hovering over the menu area (again, more real estate):

/*Hide the Personal Toolbar, show on hover*/

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

By: Ali

Ali — Tue, 19 Jan 2010 10:41:32 +0000

Hey I made a youtube video for changing firefox using userchrome CSS:
http://www.youtube.com/watch?v=qiiFDtFM8Z0

By: MorningStar

MorningStar — Sun, 06 Dec 2009 16:24:57 +0000

/* Rss Feed icon,*/

#feed-button { display: none !important; }

This removes the RSS Button.

By: Lee

Lee — Thu, 17 Sep 2009 11:43:55 +0000

Great resource. I’ve used this to customize the hell out of FF3.5.2 and I love the new look/function. It’s also made me get into CSS more.

By: Jerry

Jerry — Wed, 19 Aug 2009 18:25:43 +0000

I want to remove the ‘subscribe to this page’ icon that is in the search bar like the ‘bookmarks star’ was. I added this line but to no avail:
/* Remove the subscribe to this page */
#subscibe to this page-button { display: none !important; }

I also can’t get rid of the Yahoo menu or button on the menu bar.

Any suggestions?

By: dj

dj — Sat, 04 Jul 2009 21:09:22 +0000

Regarding the Home button, why not right-click the toolbar and drag the Home button off? I do the same with the side-bar, right-click drag on or drag off. I use the All-In-One Sidebar and the Tiny menu adds-on. To supplement buttons I go to http://codefisher.org/. You can either down load his add-on or selective choose which buttons you want on the fly to install. I found your site looking for userchrome mods to hide those FF items that I can’t delete, like Bookmarks Toolbar. I haven’t found that yet. I think this is a keeper

By: jed

jed — Sun, 24 May 2009 09:54:34 +0000

ok, the star went away, but I still can’t seem to get the auto complete or the drop down bookmarks arrow off the tool bar…please, help!!

By: jed

jed — Sat, 23 May 2009 08:29:09 +0000

You know,none of this editing is working. Is there something I am doing wrong? I keep getting the drop down bookmarks (sucks!!) and all the other ridiculous features I never needed but was suckered into upgrading to.

By: kishore

kishore — Thu, 12 Mar 2009 16:38:49 +0000

did you have any active firefox browser window open while doing the changes to userChrome.css, then close all the firefox windows and open new one when you are ready with the changes

By: Tad

Tad — Mon, 26 Jan 2009 20:58:58 +0000

I found the correct folder and made the changes now, thanks!

(it was a hidden file that I had to use the search feature in order to view, since it’s not viewable if I follow the path you provided)