Mozilla will shut down Pocket’s services on July 8, 2025. At that time users will no longer be able to access the Pocket website, apps and API. You can export your saved items and API data until October 8, 2025 before they are permanently removed. For more information, see this article.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

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

Metallkiller
Metallkiller

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)

TyDraniu
TyDraniu
  • Top 25 Contributor

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/

Metallkiller
Metallkiller Question owner

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