This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Edit userchrome on Firefox 26

  • 1 cavab
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

more options

I ran firefox -profilemanager and from there copied my profile path, then I went to that path and created a folder called "chrome", inside that folder I created a file called "userChrome.css" which contains the css bellow, unfortunately it didn't seem to work. I'm trying to hide everything to create a kiosk, also I wanted to have it to Thanks

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#main-window[inFullscreen=true] {
    padding-top: 0px !important;
}

#navigator-toolbox[inFullscreen=true]: #PersonalToolbar,
#navigator-toolbox[inFullscreen=true]: #GBL-Toolbar,
#navigator-toolbox[inFullscreen=true]: #web-developer-toolbar,
#navigator-toolbox[inFullscreen=true]: .web-developer-toolbar {
    visibility: collapse;
}
I ran firefox -profilemanager and from there copied my profile path, then I went to that path and created a folder called "chrome", inside that folder I created a file called "userChrome.css" which contains the css bellow, unfortunately it didn't seem to work. I'm trying to hide everything to create a kiosk, also I wanted to have it to Thanks <pre><nowiki>@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #main-window[inFullscreen=true] { padding-top: 0px !important; } #navigator-toolbox[inFullscreen=true]: #PersonalToolbar, #navigator-toolbox[inFullscreen=true]: #GBL-Toolbar, #navigator-toolbox[inFullscreen=true]: #web-developer-toolbar, #navigator-toolbox[inFullscreen=true]: .web-developer-toolbar { visibility: collapse; }</nowiki></pre>

Modified by cor-el

All Replies (1)

more options

You would have to use at least quotes around the attribute values and omit the appended colons.

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#main-window[inFullscreen="true"] {
    padding-top: 0px !important;
}

#navigator-toolbox[inFullscreen="true"] #PersonalToolbar,
#navigator-toolbox[inFullscreen="true"] #GBL-Toolbar,
#navigator-toolbox[inFullscreen="true"] #web-developer-toolbar,
#navigator-toolbox[inFullscreen="true"] .web-developer-toolbar {
    visibility: collapse!important;
}