How to hide element using userChrome?

Firefox@lemmy.ml – 22 points – 9 months ago

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 are viewing a single comment

View all comments

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!!!