userChrome.css does not seem to be getting applied.
I was following this reddit thread on how to remove the "your camera and microphone are being shared" popup, but it's having no affect.
I have set `toolkit.legacyUserProfileCustomizations.stylesheets` to true.
Here's the full contents of the userChrome.css file: ```
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#webrtcIndicator {
display: none;
}```
Modified by cor-el
Chosen solution
You did create the file in the correct location ?
- ~/.mozilla/firefox/<profile>/chrome/userChrome.css;
You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.
- Help -> Troubleshooting Information -> Profile Folder/Directory:
Windows: Open Folder; Linux: Open Directory; Mac: Show in Finder - https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data
All Replies (9)
Did you also verify that the file doesn't have a hidden .txt file extension (userChrome.css.txt) ?
You can try to add the !important flag.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#webrtcIndicator {
display: none !important;
}
ls -l doesn't show any hidden extensions.
Added important flag, restarted Firefox, still not working.
Does other CSS code in the file work ?
Is this with Firefox from the Mozilla server or Firefox from the software repositories ?
It doesn't seem to. I tried adding a red border to the popup, but it didn't appear.
I'm not sure where to check, but I'm using Debian and apt says Firefox is not installed so probably the Mozilla version.
Does something like this work ?
.urlbar-input-box {font-size:14pt!important; font-family:"DejaVu Sans Mono"}
No, it doesn't. Tried with a few fonts and sizes.
Chosen Solution
You did create the file in the correct location ?
- ~/.mozilla/firefox/<profile>/chrome/userChrome.css;
You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.
- Help -> Troubleshooting Information -> Profile Folder/Directory:
Windows: Open Folder; Linux: Open Directory; Mac: Show in Finder - https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data
Well this was a pretty silly issue then. I had it in .mozilla/chrome.
Thanks for the help!
I have the same problem, with Firefox 89.0.1 (64-bit) on Windows 10. As far as I can tell everything is correctly configured (see below), but it has no effect whatsoever in Firefox!
I have set toolkit.legacyUserProfileCustomizations.stylesheets to true, and userChrome.css file is put here: C:\Users\<my name>\AppData\Roaming\Mozilla\Firefox\Profiles\hjpksha1.default\chrome\ which is the catalog pointed out by Firefox in the help menu.
And the userChrome.css file looks like this: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Bookmarks sidebar: */
#bookmarks-view {
font-size: 10pt !important;
padding: 9px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#bookmarks-view treechildren::-moz-tree-row {
min-height: 12px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* Bookmarks from main menu: */
#bookmarksMenuPopup menu,
#bookmarksMenuPopup menuitem {
font-size: 10pt !important;
min-height: 16px !important;
max-height: 16px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* Bookmarks Toolbar: */
#PersonalToolbar {
font-size: 10pt !important;
margin-bottom: 3px !important;
}
#PersonalToolbar menu,
#PersonalToolbar menuitem {
font-size: 10pt !important;
min-height: 16px !important;
max-height: 16px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
My goal with this tweak is to reduce the annoying double linespacing in the bookmarks menu that was introduced in the latest Firefox version, but nothing is changed!