Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

In Mozilla Firefox, I want to create userContent.css which overrides the CSS of a site, say this one.

Where should I create the file? Could you please describe it based on Windows 7?

share|improve this question

2 Answers 2

up vote 24 down vote accepted

Step 1 : Open Firefox, Go to 'Firefox' menu at the top-left of the browser.

Firefox --> Help --> Troubleshooting Information --> Open Containing Folder

Step 2 : Create a folder named chrome

Step 3 : Create a css file userContent.css

Step 4 : Copy the following code to the files userContent.css

Step 5 :

@-moz-document domain(your_domain.com) {
img 
{
opacity: 0.05 !important;
}
}

Step 6 : Replace your_domain.com with specified domain name, say superuser.com if we need to format the images in superuser.com

Step 7 : Resatrt user browser

share|improve this answer
4  
A small update / modification for step 1; the Troubleshooting Information opens up a link 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. –  tripleee Jan 3 '13 at 10:38
    
You can remove @-moz-document domain("...") to apply the style to every pages. –  Nicolas May 30 '13 at 8:26
1  
Why is it supposed to be in the chrome folder? –  Septagram Dec 18 '13 at 8:01

The add-on ChromEdit Plus will do all this for you.

share|improve this answer

Your Answer

 
discard

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.