In Mozilla Firefox, I want to create userContent.css
which overrides the CSS of a site.
Where should I create the file (Windows 7)?
Super User is a question and answer site for computer enthusiasts and power users. It only takes a minute to sign up.
Sign up to join this communityHelp
→ Troubleshooting Information
Open Folder
button beside the Profile Folder
entrychrome
in the directory that openschrome
folder, create a CSS file with the name userContent.css
Copy the following code to userContent.css
, replacing "example.com" with the website you want to modify and your own custom CSS, and restart Firefox:
@-moz-document domain(example.com) {
img { opacity: 0.05 !important; }
}
about:support
and in my Firefox (v20 nightly build on Ubuntu) it has an entry named "Profile directory" with a button "Open Directory" which opens up the profile directory /home/tripleee/.mozilla/firefox/asdf1234.default/
in Nautilus.
@-moz-document domain("...")
to apply the style to every pages.
toolkit.legacyUserProfileCustomizations.stylesheets
preference to true
due to bugzilla.mozilla.org/show_bug.cgi?id=1541233
There was an old extension called ChromEdit, which added a simple button to easily open user CSS for editing.
This was apparently compromised or withdrawn. Stylish was an alternative, but similarly this now appears to be defunct.
At the moment you just have to remember where the file is supposed to go.
userContent.css
)