This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Automatically change or remove certain elements (by id or class) from certain websites whenever I open them?

more options

There are several websites I use daily, where I'd like to either remove certain elements (e.g. a sidebar I don't ever use), or change them to make it more usable (e.g. add position: sticky to a navbar).

I found a similar question that got answers with "Permanent Remover" and "Element Hiding Helper", but those aren't Quantum-Ready. One person also mentioned building his own scripts for this kind of thing. If there isn't that kind of addon, could you point me to a small example script that runs on each site load, so I have a starting point?

There are several websites I use daily, where I'd like to either remove certain elements (e.g. a sidebar I don't ever use), or change them to make it more usable (e.g. add position: sticky to a navbar). I found a similar question that got answers with "Permanent Remover" and "Element Hiding Helper", but those aren't Quantum-Ready. One person also mentioned building his own scripts for this kind of thing. If there isn't that kind of addon, could you point me to a small example script that runs on each site load, so I have a starting point?

Chosen solution

You can do it using the Stylus addon:

https://addons.mozilla.org/firefox/addon/styl-us/

Removing certain elements is also possible with uBlock Origin:

https://addons.mozilla.org/firefox/addon/ublock-origin/

Read this answer in context 👍 1

All Replies (2)

more options

Chosen Solution

You can do it using the Stylus addon:

https://addons.mozilla.org/firefox/addon/styl-us/

Removing certain elements is also possible with uBlock Origin:

https://addons.mozilla.org/firefox/addon/ublock-origin/

more options

TyDraniu said

You can do it using the Stylus addon: https://addons.mozilla.org/firefox/addon/styl-us/

Stylus is awesome, thank you! Makes it very easy to just change stuff around on the fly and permanently :D