Hellow, im trying to hide some element in firefox using userChrome. In perticular on left the the “View recent browsing accross windows and devices” how could i do that? Or what is a good resource to know how to learn this myself?
Thank for your time and have a nice day!
If you mean this button:
…you can just remove that by clicking the “Remove from Toolbar” in the right-click menu (as shown).
If you still want to learn it, these two articles are good:
- Complete basics for how to use userChrome.css: https://www.userchrome.org/how-create-userchrome-css.html
- How to add own rules: https://www.userchrome.org/adding-style-recipes-userchrome-css.html
The video in the second article is important. Near the end of the video, they show the Browser Toolbox. With that, you can select a UI element in Firefox’s UI to find out what the element’s ID is. You will need the ID for writing the rule.
Yes i do, i did know that but i wanted my config to be easy to copy paste between machines. Still thanks for your input
Ah, well, I still don’t want to discourage you from digging into the Firefox CSS customizations. It is a really useful tool to know.
But for this purpose, you probably want the about:config value
browser.uiCustomization.state. It contains all information about UI placement customizations, which you probably want to copy-paste as a whole anyways.You can create a user.js file in the profile directory to set the about:config value.
Ahh i havent hears of that, thank you very much!!!
I believe userChrome is deprecated and won’t be read by Firefox anymore. I don’t know if there is a replacement though.
You just have to set
toolkit.legacyUserProfileCustomizations.stylesheetsin about:config to true.Yes, that does say “legacy”, but I don’t think, Mozilla cares to actually remove it. They mainly introduced that about:config flag to reduce startup time for the 99.9% of users that don’t use a userChrome.css file…