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.
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.stylesheets
in 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…