22
How to hide element using userChrome? (lemmy.world)
submitted 2 years ago by to c/firefox@lemmy.ml
7 comments fedilink hide all child comments
 

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!

all 7 comments

sorted by: hot top controversial new old
[–] 6 points 2 years ago (2 children)

If you mean this button:

...you can just remove that by clicking the "Remove from Toolbar" in the right-click menu (as shown).

  • permalink
  • fedilink
  • source
  • hideshow 4 child comments
    •
  • [–] 6 points 2 years ago

    If you still want to learn it, these two articles are good:

    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.

  • permalink
  • fedilink
  • source
  • parent
  • [–] [S] 2 points 2 years ago (1 child)

    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

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 2 child comments
    •
  • [–] 1 point 2 years ago (1 child)

    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.

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 2 child comments
    •
    • [–] 1 point 2 years ago (1 child)

    I believe userChrome is deprecated and won't be read by Firefox anymore. I don't know if there is a replacement though.

  • permalink
  • fedilink
  • source
  • hideshow 2 child comments
    •
  • [–] 8 points 2 years ago

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

  • permalink
  • fedilink
  • source
  • parent