We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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 reply
  • 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;
}