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

Saving Inspect element changes permanently

more options

How do you save the changes you made on inspect element on firefox?

All im getting is youtube videos of how to do it for chrome and you require an extension!

How do you save the changes you made on inspect element on firefox? All im getting is youtube videos of how to do it for chrome and you require an extension!
Attached screenshots

Modified by cor-el

All Replies (6)

more options

What kind of changes is this about ?

If this is about CSS changes or hide content then you can use CSS code in userContent.css instead of a content blocking extension to make this permanent (i.e. apply the new rules with every visit). If this is about making changes that require the use of JavaScript then you always need an extension to inject a content script.


In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

More info about userContent.css and userChrome.css in case you are not familiar: *https://www.userchrome.org/what-is-userchrome-css.html

more options

Did the videos suggest using the Stylish or Stylus extension? Stylus is a recommended extension, meaning it gets a heightened security review by the Add-ons team:

(I use Stylus myself to fix various site problems.)

more options

Cor-el is that just for chrome or firefox also?

more options

Everything cor-el posted was for the Firefox web browser.

This has nothing to do with the separate Google Chrome web browser.

more options

Okay so basically for example lets say i want to permanently just for my screen have this image deleted/or hidden whatever how can I do this without using an extension?

I believe someone brought up usercontent.css?

more options

userContent.css is an optional file you can create which Firefox will apply to all web pages. You can scope the style rules in the file to apply only to particular pages using the @-moz-document syntax. I don't know whether there is an authoritative site to guide you into this.

(If you find articles about userChrome.css, that file is used to style the user interface, but some of the setup logistics are the same.)