Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Does anyone know of a browser extension that allows you to disable an HTML element by id or class on a given web page?

I prefer to use Chrome, but a Safari or Firefox solution would be great too.

Example of a use for it:

Suppose I want to check my Facebook (for notifications or messages) but I don't want to see the newsfeed.

share|improve this question
I would suggest looking into Userscripts, for Firefox you'd need the Greasemonkey Add-on, but chrome supports many by default (that is really dependent on how the userscript was written, however). Otherwise, you can create your own userscript that accomplishes your task. Follow the examples on the link, it's pretty easy. If you know the id of the element, it's basically $('#iDIWantToHide').remove(); – nerdwaller Sep 5 '13 at 19:05
For Chrome you can use TamperMonkey which is similar to Greasemonkey for Firefox. Check out the ID Hider userscript. However, the answer provided by @m4573r offers a far more elegant solution. – Joe Perrin Sep 5 '13 at 22:27
up vote 1 down vote accepted

On firefox, I personally use AdBlock Plus Element Hiding Helper, coupled with Adblock Plus. With a simple shortcut, it allows to visually select the element you want to hide, and adjusting the tag to your liking is extremely easy. I use this on every single news site I visit, to remove useless headers/footers/banners/social bars that clutter them. I never used it on facebook though, so I can't guarantee the result.

It seems that the extension also exist for chrome (here), although I never tested it.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.