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!

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

Is userChrome.css running in Firefox Quantum v 57.0.2?

  • 9 ŋuɖoɖowo
  • 2 masɔmasɔ sia le wosi
  • 1 view
  • Nuɖoɖo mlɔetɔ pedroexpofer

more options

I have Firefox Quantum v 57.0.2 I have created the file userChrome.css to be able to make modifications in my custom Firefox, following the indications putting in the first line @namespace url (http://www.mozilla.org/keymaster/gatekeeper/there .is.only.xul); and I can not make any changes with that file. In the file userChrome.css I have done a small test

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

  1. category-privacy {display: none! important; }

I then closed my browser and restarted it again... but no change on the browser. Attached image capture of the style editor in which userChrome.css does not appear.

Can you please suggest what I am doing incorrectly here..

Really appreciate your help on this.. Thanks

I have Firefox Quantum v 57.0.2 I have created the file userChrome.css to be able to make modifications in my custom Firefox, following the indications putting in the first line @namespace url (http://www.mozilla.org/keymaster/gatekeeper/there .is.only.xul); and I can not make any changes with that file. In the file userChrome.css I have done a small test @namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); # category-privacy {display: none! important; } I then closed my browser and restarted it again... but no change on the browser. Attached image capture of the style editor in which userChrome.css does not appear. Can you please suggest what I am doing incorrectly here.. Really appreciate your help on this.. Thanks
Screen ƒe photowo kpe ɖe eŋu

Ŋuɖoɖo si wotia

Is that rule meant to modify the Preferences page?

The userChrome.css file is for the user interface parts of Firefox, such as toolbar area and bookmarks sidebar. To modify a built-in web page displayed in the content area, more likely you need to create a file named userContent.css in your chrome folder.

Xle ŋuɖoɖo sia le goya me 👍 1

All Replies (9)

more options

Ɖɔɖɔɖo si wotia

Is that rule meant to modify the Preferences page?

The userChrome.css file is for the user interface parts of Firefox, such as toolbar area and bookmarks sidebar. To modify a built-in web page displayed in the content area, more likely you need to create a file named userContent.css in your chrome folder.

more options

Also, do not include any namespace in your userContent.css file.

more options

My intention is that the userChrome.css file can modify the toolbar, the problem is that follow the steps that does not work. Is there any variation in this latest version of firefox? Can you advise me so I can try to perform some test? Thank you

more options

Like Jeff posted above. This code needs to be in userContent.css for builtin about pages.

Add code to the userContent.css file.


@-moz-document url-prefix(about:preferences){
  #category-privacy { display: none! important; } 
}
more options

pedroexpofer said

My intention is that the userChrome.css file can modify the toolbar, the problem is that follow the steps that does not work.

You would indeed use userChrome.css for the toolbar area. I meant specifically the top parts of the browser: menu bar, tabs bar, main toolbar, bookmarks toolbar. If you want to make some changes in the toolbar area, what do you want to change? The example rule doesn't seem related to those. Here are some UI examples: https://www.userchrome.org/what-is-userchrome-css.html

more options

Your answers have been very helpful. I have been able to make a couple of modifications I needed. Their speed and their responses have been very effective. Thank you very much.

more options

One last question, all this instead of creating a file.css can be done in a personalized way to do it from a config file.cfg

Would it be possible through some script or command inside that file?

more options

pedroexpofer said

One last question, all this instead of creating a file.css can be done in a personalized way to do it from a config file.cfg

I can't think of a way to do that without injecting code into Firefox and increasing the complexity of the process.

more options

OK thanks. I will follow that path then.