Userchrome.css help

Hi, I have written this code:
#titlebar-content
margin-top: -3px !important;
.tabbrowser-tab
.tab-close-button
visibility: collapse !important;
.tabbrowser-tab:not([pinned]):hover
.tab-close-button
visibility: visible !important;
margin-right: 3px !important;
display: -moz-box !important;
.tabbrowser-tab:not([pinned])
.tab-text
-moz-box-ordinal-group: 4 !important;
.tabbrowser-tab:not([pinned])
.tab-throbber,
.tabbrowser-tab:not([pinned])
.tab-icon-image,
.tabbrowser-tab:not([pinned])
.tab-close-button
margin-left: 2px !important;
.tabbrowser-tab:not([pinned]):hover
.tab-icon-image,
.tabbrowser-tab:not([pinned]):hover
.tab-throbber
display: none !important;
#urlbar-container
min-width: 300px !important;
max-width: 300px !important;
#urlbar
border-style: none !important;
#star-button
display: none !important;
#identity-box
display: none;
#navigator-toolbox::after
height: 0px !important;
#appmenu-button
background-color: transparent !important;
background-image:
-moz-linear-gradient(hsla(0, 0%, 80%, .4), hsla(0, 0%, 20%, .2)),
/*URL data has been broken into separate lines. Put back together before using !! */
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAA
AAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAElElEQVQ4T32UeVAVVBSHX8N7gCzvP
R4QCohoLBrjVrhQYiJqyObCJpugKCCiEomMiaMopo1EuSEIuYAYWigUKLhkxiYDIvDYHqAIKabIIiIikl9P/3DGybozZ87MvXO/Ob/fvecIBO9Y0hm
bzcevTNoTeLL0xu7fm/uPlLeT2dzV872iq8j+u6tbjDxSRr3r3pu958ftNEQWKzQlH69LnBKSMRwr7ya/72/kgy+pV0atMsqfveTgrS7WHD474BJzP
CYx0EfjX9CB+I9cb26y3qFm7nfT1GEvLvE32H/iFH/kpVH05AWl/cOvc37vEEl3+/HMlJORl0zaoS97c90sfd8CPvDR/bnFTUKC5zRORniQEeDCNX
dTkutaye4eoqBvmJyeIXYpugkv6cAxuZrYlEzaKkPI3etJTdz0iDfA+qXaRX+G6tLko0Ojrw4Vi2UUBExkn7yJlHs9nOh5wZFHQ8S19RN8/SFelx8w
a+NJelpDeVzuSUnq/IHnDUv0BL27jEw7wnSeNbqoU+ukRY2rGLmXjDJnCU1LtbgT9gFhv5YR1fCEtdWP8S/tYV5aM5O2/UZqYhD9VYsYqHNlsO
pzd0HvduOvW9w0qXPQoGqBJpULxdR46dESNYXanH2s3pPBoqw23PM7mX+skRnfVmC1o5gx3odZHxnM06I5vGhx4fH5qZsF3dtNChteVeSgRZ
WTEuShlLt2HPfjbfDb+QM2RxTYHrvF9PhyPozMwWRZEkYeiejbbaXqQih9+Z8xJF/A9UirVsH9dYZlciWoWgl6JS9rqiapJqpYL96KVUQWltuKmR
BbgkXMNUYvT8Ng4Tfo2+9EOmMjXRXODBZPY7B8GgdWWD8T3FqiU1tpr6zKVcoNdxlnzIVc/VQNr9VbMArJYXRYLlbhp5m8/jRGQT8hs41BOj
MayaRg+krteXpxAr2/jOXaQUuFoMpmxKGimUqvXHSo8dalzFYFhYsQxVpDzqyzIzPcjpbosdw5YMuyDXFoT49mhNUaokLm0p9jRv85EzqTdJW
2aCUKCs1VnPLM1SicrU31Mj2a/CS0+Yzg0mwNCuylFC6SsX+eJWafRKA+ay/C8eGoGHtTkTCW3rSRdB6U0rZZjduR2jMFV0xVRGcNRW2njFU
pmi+lxk+fppD3uRVmwNY5Exlj4YXAMgqBSQACfWeMzZ1Y5TybrqMmPNonpv0rNbJdTVBs8jZ7/XGzDYV+KVIhaaPVuO4oo9pXn8bgkTSHj6JklQ
lfzLXGf7IR2+31kYdr8tcOCXdjpbTHiMnz0+Pi7rnVwx3J773pggyZMD1BQ4V0U3WK50moVD6G3F+fhpV6NAbJUASJqV8upiFQm9ZwDe7tMaBjlx
a9x3U6np/Tm/BWf6ZLVESpElHKAbEKR0cKuWKjReViKbXeUhr8JSgCtGkK1KI1VIv2CLHSI02lRHF+Z4L2f4+jHw1EHukGwnsnDIRkW6hSbKtOla
MaDW6q1Hspc6Aquf6G5LiaXSp3nCT537n26jB3nFDzvIVofYGV6MLlyaLKEhvRw5sOqlfrfDWymjeI425HS2a9C/IPcDqo7+BRMssAAAAASUVORK
5CYII="),
-moz-linear-gradient(rgb(247, 182, 82), rgb(215, 98, 10)),
-moz-linear-gradient(rgb(153, 38, 211), rgb(105, 19, 163)) !important;
background-position: -100px 0px, 2px center, 0px 0px, -100px 0px !important;
background-repeat: no-repeat !important;
margin-top: 3px !important;
min-height: 20px !important;
max-height: 20px !important;
min-width: 34px !important;
max-width: 34px !important;
border: none !important;
#main-window[privatebrowsingmode=temporary] #appmenu-button:not(:-moz-window-inactive)
background-position: -100px 0px, 2px center, -100px 0px, 0px 0px !important;
#appmenu-button:-moz-window-inactive
background-position: 0px 0px, 2px center, -100px 0px, -100px 0px !important;
#appmenu-button
.button-text
display: none !important;
.tabbrowser-tab,
.tabs-newtab-button
padding: 0px 0px 4px 0px !important;
.tabbrowser-tab[pinned],
.tabs-newtab-button
max-width: 22px !important;
min-width: 22px !important;
#TabsToolbar
margin-bottom: -2px !important;
and when there aren't that many tabs, it looks fine.
http://i.imgur.com/vXjLcDo.png
However, when tab overflow occurs, app tabs don't look quite right.
http://i.imgur.com/8XLuWka.png
Is there a way to fix this?
Also, when are the svg versions of the firefox logo coming out? The status has been "will be released soon" for over a year now.

That is caused by this rule and it is better to leave pinned tabs as they are and remove this rule.
<pre><nowiki>.tabbrowser-tab[pinned],
.tabs-newtab-button {
max-width: 22px !important;
min-width: 22px !important;
}</nowiki></pre>

Similar Messages

Need some help with Firefox and userChrome.css

As you can see there is some space underneath the tabs. I used the addon 'Classic theme restorer' to hide the adressbar, but unfortnanly it left some space underneath the tabs. I've been trying to fix it with userChrome.css myself, but I really dont know what am I'm doing.
Does anyone know how to remove it?

*For Safari (4.0.2)* I just clicked help>installed_plug-ins and get this:
http://www.easy-share.com/1908259228/Installed Plug-ins.html
*Firefox (3.5.3)* tools>add-ons>extensions: Ad Block plus
and tools>add-ons>Plug-ins: http://yfrog.com/6qnag2j
Message was edited by: Jonnymont
If I just delete these won't it make things worse? like not being able to go to any flash sites at all (majority of internet these days)
Message was edited by: Jonnymont

Not able to find userChrome.css file for customizing the Firefox browser. I just installed 20.0.1 firefox browser. Want to disable/remove navigation bar.Pls Hlp

Not able to find userChrome.css file for customizing the Firefox browser. I just installed 20.0.1 Firefox browser version.
I want to disable/remove navigation bar from the browser window, making the browser to work like kiosk mode.
Please Help,
Thanks,
Vishal.

hello,
here is the complete path ..
''C:\Documents and Settings\XXXXXXX\Application Data\Mozilla\Firefox\Profiles\chrome"
Let me know
Thanks,
Vishal.

Making Firefox run as a bare content panel only 60px high using userChrome.css and localstore.rdf

I'm developing a web application for personal use, which due to extreme space constraints must be contained within a Firefox window measuring exactly 60px high by 331px wide. The window must have all the controls and bordering removed and appear as a totally bare pane whilst retaining the ability to move between tabs using CTRL-TAB.
So far I've managed to remove all the controls and bordering and retain the CTRL-TAB functionality using the custom userChrome.css style sheet pasted below. I've added a 1px border to the bottom and right for clarity. Making #navigator-toolbox visibility:hidden instead of display:none enables CTRL-TAB to work without the navigator-toolbox being visible. Giving #tab-view-deck -85px top margin aligns the top of the web page with the top of the Firefox window. Setting #browser-border-end, #browser-border-start display:none removes the effective border to the left and right of the browser window. So far so good.
I then set the following parameters in localstore.rdf in the profile folder.
<pre><nowiki>
<RDF:Description RDF:about="chrome://browser/content/browser.xul#main-window"
height="149"
width="331"
screenX="0"
screenY="0"
sizemode="normal" /> </nowiki></pre>
The window appears perfectly at the top left of the screen and works exactly as specified. Unfortunately, when I reduce the height parameter to 60px, the window remains about 100px tall. I guess I'm missing some key important override rules in my userChrome.css or perhaps some other Firefox configuration settings need to be changed. Although it seems like a small difference, reducing the window from 100px to 60px will result in a massive design shift and a huge productivity gain. If you can help, I'd been extremely grateful. Thanks,
Neil
I'm using FF 33.0 and Windows 8.1.
Content of userChrome.css:
<pre><nowiki>
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
#main-window {
-moz-appearance:none !important;
#titlebar {
display: none !important;
#tab-view-deck {
border-bottom: 1px solid black !important;
border-right: 1px solid black !important;
margin: -85px 0px 0px 0px !important;
padding: none !important;
#tab-view-deck * {
border: none !important;
margin: none !important;
padding: none !important;
#navigator-toolbox {
visibility: hidden !important;
#browser-border-end, #browser-border-start {
display: none !important;
</nowiki></pre>
''added the forum code for displaying css code properly''

For some reason the userChrome.css has not posted correctly. Each instance of 1. should be replaced with # denoting an ID selector.

Hide go arrow in navigation bar, can't seem to find the selector to edit in userChrome.css

I used edits to userChrome.css to hide several items from the address bar, but I can't seem to find the right selector for the arrow that appears when you start typing in the address bar. So now it is the only thing there and it's driving me crazy. I have spent over an hour trying to figure it out with inspector addons and searching the web. I'm about to lose my mind. Obviously this is an insignificant thing to spend more than an hour on. Hopefully you can help me solve it relatively quickly.

Yes, that is the Go button. That button appears when you edit the URL on the location bar and can be used instead of the enter key.
Did you try that selector?
<pre><nowiki>#urlbar-go-button { display:none!important; }</nowiki></pre>

Is this a bug or am I using the wrong flags in userChrome.css

I'd like to have my Bookmark Toolbar automatically hide until I move my mouse over the location. I found some code a while ago to do this, but I never really tried it until now with FF4. When I put in the code and move the bookmark toolbar into the self-hiding panel, it works fine until I open a new window or exit/restart the browser.
 
<pre>#PersonalToolbar {display: none;}
#navigator-toolbox:hover > #PersonalToolbar {display: -moz-box;}
</pre>
The auto-hide until hover works fine with the box, but the Bookmark Toolbar comes up completely empty. No arrow, just empty space. Every time I comment out the line in userChrome.css, the buttons reappear. When I move the bookmark toolbar out and then re-enable the line and restart, the buttons are fine when I move them back in until the next exit.
I've tried this on three machines (all Windows 7 though, both 32-bit and 64-bit) and the behavior is the same. I've also tried disabling all add-ons and extensions with no change in the results.
Is this a bug or am I using the wrong flags (-moz-box)? Thanks for any ideas/help provided.

cor-el:
Thanks for the suggestion. I already tried rebuilding that file as well and it didn't help. Also, all the changes I make are retained from session to session in terms of placement and what's shown/hidden, it's just the contents of the bookmark toolbar that disappear. The toolbar is still there and I can drag things to it, but again, they disappear after restarting the browser.
edit (clarification):
When I say the items disappear, I mean they are no longer visible or clickable. They are still there in the sense that they appear in the Bookmark menu and if I move the Bookmark Toolbar from its own toolbar into the space next to the Menu Toolbar, they are then shown.

Firefox userChrome.css tweaks

With firefox3 out I had to update all my tweaks, so I thought I'd share.
/* Remove throbber */
#throbber-box { display: none !important; }
/* Remove go button */
#go-button { display: none !important; }
/* Remove the bookmark star */
#star-button { display: none !important; }
/* Remove magnifying glass button from search box */
.search-go-button { display: none !important; }
/* Merge reload and stop buttons. NOTE: Stop button must be placed before reload button */
#stop-button[disabled] { display: none; }
#stop-button:not([disabled]) + #reload-button { display: none; }
/* Remove the history menu */
#history-menu { display: none !important; }
/* Remove forward button drop down arrow */
#back-forward-dropmarker { display: none !important; }
/* Hide the dropmarker in the Address url toolbar */
.autocomplete-history-dropmarker { display: none !important; }
What I still can't get working is some rounding on the address bar. Here is my current attempt...
/* Slightly rounded address and search bar corners */
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 3px !important;
padding-right: 1px !important;
#search-bar {
-moz-appearance: none !important;
-moz-border-radius: 3px !important;
What do you tweak?
Edit: added a few more

best rounded effect:
https://addons.mozilla.org/en-US/firefox/addon/933
not compatible with FF3
my userChrome.css
/* Hide the searchbar in Bookmark Sidebar */
#bookmarksPanel > hbox { display:none; }
/* Remove the vertical separator on the sidebar */
/#sidebar-splitter { display: none !important; }
/*"linux user type" scrollbar
#scrollbarbutton[sbattr="scrollbar-up-bottom"]{
display: -moz-box !important;
/* Eliminate the throbber and its annoying movement. */
#throbber-box
display: none !important;
iframe[name=google_ads_frame] {display: none !important;}
scrollbarbutton[sbattr="scrollbar-up-bottom"]{
display: -moz-box !important;
/* Force the label to be visible, even in no text */
toolbar:not([mode=full]) #back-button .toolbarbutton-text {
display: -moz-box !important;
padding-bottom: 2px;
padding-right: 10px;
padding-left: 2px;
/* put some spacing around the button icon */
toolbar:not([mode=full]) #back-button .toolbarbutton-icon {
padding-left: 8px;
padding-right: 6px;
/* Put the label to the right of the button */
toolbar:not([mode=full]) #back-button .toolbarbutton-menubutton-button {
-moz-box-orient: horizontal !important;
/* Remove the Go, Bookmarks, History and Help menus
(These are just examples. Try changing "Go" to "Edit" or "Bookmarks") */
menu[label="Go"], menu[label="Help"], menu[label="History"], menu[label="Bookmarks"]{
display: none !important;
/* Make menus XP style */
menupopup, popup {
border: 1px solid ThreeDShadow !important;
-moz-border-left-colors: ThreeDShadow !important;
-moz-border-top-colors: ThreeDShadow !important;
-moz-border-right-colors: ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDShadow !important;
padding: 2px !important;
background-color: Menu !important;
menubar > menu {
border: 1px solid transparent !important;
padding: 2px 5px 2px 7px !important;
margin: 0 !important;
menubar > menu[_moz-menuactive="true"] {
background-color : Highlight !important;
color: HighlightText !important;
/* Change color of active tab */
tab{
-moz-appearance: none !important;
tab[selected="true"] {
background-color: rgb(222,218,210) !important;
color: black !important;
/* Change color of normal tabs */
tab:not([selected="true"]) {
background-color: rgb(200,196,188) !important;
color: gray !important;
/* Change cursor for JavaScript links */
a[href^="javascript:"] {
cursor: move;
/*Additionally if you want the the "list all tabs" button shown only when the tabs overflow, use this instead: */
/*.tabs-alltabs-stack {
display: none !important;
.tabbrowser-tabs:not([overflow="true"]) > .tabs-alltabs-stack {
display: none !important;
/* Remove extra padding from the Navigation Bar */
.toolbarbutton-1, .toolbarbutton-menubutton-button {
padding: 2px 3px !important;
.toolbarbutton-1[checked="true"], .toolbarbutton-1[open="true"],
.toolbarbutton-menubutton-button[checked="true"],
.toolbarbutton-menubutton-button[open="true"] {
padding: 4px 1px 1px 4px !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; }
/*Remove magnifying glass button from search box*/
.search-go-button-stack { display: none !important; }
/* Make inactive tabs hardly visible */
#content tab:not([selected="true"]) {
-moz-opacity: 0.5 !important; }
/* Slightly rounded address and search bar corners with FF2 use Wellrounded add-on*/
#urlbar {
-moz-appearance: none !important;
-moz-border-radius: 3px !important;
padding-right: 1px !important; }
/* Less bookmark button spacing */
.bookmark-item > .toolbarbutton-text {
margin: 0 1px !important;
/* hide seperators between toolbars, better results with some themes */
#toolbar-menubar {
min-height: 11px !important;
padding: 0px !important;
margin: 0px !important;
border: none !important;
#nav-bar {
border: none !important;
padding: 0px !important;
#PersonalToolbar {
border: none !important;
/* Change the progress bar color */
.progress-bar {
-moz-appearance: none !important;
background-color: #E8E8E8 !important;
/* Bookmarks Font */
.bookmark-item > .toolbarbutton-text {
margin-top: 4px !important;
/* The following four lines were added by KDE */
scrollbarbutton[sbattr="scrollbar-up-top"] { display: -moz-box !important; }
scrollbarbutton[sbattr="scrollbar-down-top"] { display: none !important; }
scrollbarbutton[sbattr="scrollbar-up-bottom"] { display: -moz-box !important; }
scrollbarbutton[sbattr="scrollbar-down-bottom"] { display: -moz-box !important; }
Last edited by broch (2008-06-26 04:14:55)

Problem with userchrome.css being effective in Hebrew versions of Firefox

Hi,
I am trying to remove the Tools menu in Firefox on certain student computers (I am the systems administrator in a small college).
After searching around the internet I was able to put together a userchrome.css file, I placed it in the correct folder and it indeed removed the Tools menu.
However, I later noticed that it seems to work only on computers with English-language Firefox, and did not work on other computers that had Hebrew-language Firefox.
Specifically, it worked on versions 3.6.12 and 3.6.24 in English, and did not work on versions 3.6.12 or 6.01 in Hebrew. Note that I tested the same version (3.6.12) in both Hebrew and English, and therefore I concluded that the Hebrew-language interface is what is causing the problem.
Here is the gist of the userchrome.css file I tried:
* Do not remove the @namespace line -- it's required for correct functioning
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
menu[label="Tools"] {
display: none !important;
I did try replacing the word "Tools" with its Hebrew-language equivalent as it appears in Hebrew Firefox, but that didn't work either.
Does anybody have any information on using userchrome.css on Hebrew Firefox (or on non-English versions of Firefox)?
Thanks,
-Michael

It would be better to lock the related prefs if you want to prevent user s from making changes to settings.
Use a mozilla.cfg file in the Firefox program folder to lock prefs or specify default values. 
Place a file local-settings.js in the defaults\pref folder where you also find the file channel-prefs.js to specify using mozilla.cfg.
pref("general.config.filename", "mozilla.cfg");
pref("general.config.obscure_value", 0); // use this to disable the byte-shift
See:
* http://kb.mozillazine.org/Locking_preferences
You can use these functions in mozilla.cfg:
defaultPref(); // set new default value
pref(); // set pref, but allow changes in current session
lockPref(); // lock pref, disallow changes

UserChrome.css broken in FF 10.0.2 and Nightly 13.0a1?

I noticed with the FF 10.0.2 update that userChrome.css is no longer being applied. To test, I created a new profile with no addons or extensions, and a single modified CSS value (to opacify the titlebar) in userChrome.css. It doesn't work as usual or expected (no result at all). I noticed that Nightly 13.0a1 is also affected. Here's the one CSS value I pared the userChrome down to: 
 
<pre><nowiki>#TabsToolbar {
background-color: -moz-dialog !important;
</nowiki></pre>
Thanks

That tab bar already has that background-color: -moz-dialog !important; rule, but there is another rule that sets a background-image
<pre><nowiki>background-image: -moz-linear-gradient(50% 100%, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%);
</nowiki></pre>
You probably need to add a -moz-appearance: none !important; rule and may also need to disable background images or set a different background image instead.
See line 27 and line 1429 in:
* chrome://browser/skin/browser.css

How do I show the bookmarks toolbar while in fullscreen on Firefox 20? In older versions you could edit the userChrome.css file. Does that still exist?

After searching for this option, it appears it was very easy to do in older versions of firefox on windows 7. Many posts say you can edit the userChrome.css file to add:
#PersonalToolbar[moz-collapsed="true"] {
visibility: visible !important;
However, on 2 machines with firefox 20, I've searched for that file and cannot find it. Does it even exist any more? if not, how can I set firefox to go to fullscreen mode and continue to show the bookmarks toolbar? Unchecking hide toolbars does not work for the bookmarks toolbar.

userChrome.css does not exist by default. You can create it; it's an ordinary text file. Note that you do need a namespace at the beginning of the file.
You could try this:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#PersonalToolbar[moz-collapsed="true"]{
visibility: visible !important;
#navigator-toolbox[inFullscreen="true"]{
margin-top:-62px !important;
I added the second rule to prevents the toolbar area from rolling all the way up. The specific value may need to be adjusted by a few pixels depending on your toolbar heights.

Is there a way to disable tab font smoothing (maybe with userchrome.css)?

hello everyone I've just switched from chrome to ff and I'm very satisfied. Just one problem, is there a way to disable tab font smoothing (maybe with userchrome.css)? I've changed the colour of tab font (with userchrome.css) to white to improve readability but with white text is too bold. thanks !!

hey thanks for the quick reply. here's a screenshot
http://www.mediafire.com/view/?c2a2l69ci5zbq#bt6qrwr6ku8m5n6
i think we just have to add some antialiasing in the userchrome.css? but i don't know the code.
here's my modified userchrome.css
/* Inactive Tab */
tab:not([selected="true"]) {
color:white !important;}
/* Tab while loading */
tab[busy] {
color: blue !important;}
tab .tab-text {
font-size: 12px !important;
/* tab font */
tab .tab-text {
font-family:Verdana !important;
i read somewhere else the problem is more evident with white text on dark background
thanks

How to adjust userChrome.css to move the #identity-icon-label to the right side of the #urlbar?

I hate the way the #identity-icon-label moves the URL over to the right. I've applied a patch to just hide it, but I'd rather make it behave more like IE8 and just have that box show up way over at the right end of the #urlbar.
So far, my customization experiments in userChrome.css havent yielded the desired result. Also, I thought it would be nice for someone else to be able to search and find a solution to this issue. (If it can be answered.)
Thanks :)

Try code like this to set the wanted order.
<pre><nowiki>
#urlbar .textbox-input-box {-moz-box-ordinal-group:1!important}
#identity-box {-moz-box-ordinal-group:2!important}
#urlbar-icons {-moz-box-ordinal-group:3!important}
</nowiki></pre>

FF9 - can i hide window control buttons in titlebar (min, max, close) with userchrome.css?

I use FF9. In userscript.css i hide titlebar and orange app button, but window control buttons still visible! I just can`t find working script.
I dont need min-max-close button and wont to hide it without extension if possible.
Here is screenshort:
http://s018.radikal.ru/i522/1201/50/f6a6ea445507.jpg

Try this code in userChrome.css below the default @namespace line.
*http://kb.mozillazine.org/userChrome.css
The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.
*http://kb.mozillazine.org/Editing_configuration
<pre><nowiki>*http://www.mozilla.org/en-US/firefox/channel/
#titlebar-buttonbox { display:none!important; }
</nowiki></pre>

I am trying to hide the Options menu in UserChrome.css but it is not working. Here is what I have tried menuitem[label="Options..."] {display:none !important;}

In the userChrome.css I have tried the following entry: #updateSeparator, #checkForUpdates {display: none !important;}
menuitem[label="Options..."] {display:none !important;}
menuitem[label="Add-ons"] {display:none !important;}
menuitem[label="Get Bookmark Add-ons"] {display:none !important;}
The other lines work, but the line to hide the Options menu does not. This in on Windows 32-bit XP sp3.

It is an ellipsis (…) and not three dots.
If there is an ID for a menu entry like in this case #menu_preferences then it is better to use that ID.
<pre><nowiki>#menu_preferences, #menu_openAddons, {display:none!important;}</nowiki></pre>
"Get Bookmark Add-ons" is a normal bookmark that you can remove via the right-click context menu or move elsewhere.

UserChrome.css works on XP but not on Windows 7

Hello.
I have modified userChrome.css which mainly fiddles with tab widths based on if it is selected or not. This works fine on XP but does absolutely nothing on Windows 7.
Any idea where to start looking the reason for this? What is different in Win7 regarding dealing with tabs?

Nevermind, turns out that FF just didn't close properly when I was editing that file, after forcing it to close using taskmanager and starting again that userchrome.css worked just fine. Bug in closing the FF in this case.

Userchrome.css help

Similar Messages

Maybe you are looking for