How to hide element using userChrome?
How to hide element using userChrome?
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!
You're viewing a single thread.
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!!!