Tjyylli

How can bays and straits be determined in a procedurally generated map?

How do I gain back my faith in my PhD degree?

strTok function (thread safe, supports empty tokens, doesn't change string)

What does the "remote control" for a QF-4 look like?

Replacing matching entries in one column of a file by another column from a different file

A newer friend of my brother's gave him a load of baseball cards that are supposedly extremely valuable. Is this a scam?

Which country benefited the most from UN Security Council vetoes?

Codimension of non-flat locus

Approximately how much travel time was saved by the opening of the Suez Canal in 1869?

Why doesn't H₄O²⁺ exist?

Meaning of に in 本当に

Why does Kotter return in Welcome Back Kotter?

What's the point of deactivating Num Lock on login screens?

What do the dots in this tr command do: tr .............A-Z A-ZA-Z <<< "JVPQBOV" (with 13 dots)

"You are your self first supporter", a more proper way to say it

What does "Puller Prush Person" mean?

Why do I get two different answers for this counting problem?

How much of data wrangling is a data scientist's job?

Character reincarnated...as a snail

Why "Having chlorophyll without photosynthesis is actually very dangerous" and "like living with a bomb"?

How do I deal with an unproductive colleague in a small company?

How much RAM could one put in a typical 80386 setup?

If human space travel is limited by the G force vulnerability, is there a way to counter G forces?

Was any UN Security Council vote triple-vetoed?

How to override the CSS of a site in Firefox with userContent.css?

How to change link colors in Firefox and Chrome, but leave all other color and fonts as they are?How to convert HTML to PDF preserving visibility of content inside scrollable areasHow to restore Google “Cached” links?Change the firefox default style when a site has no cssHow to hide website background images by default?User Style Sheets in FirefoxControl CSS color for windowtext in FireFox?Customize Internet ExplorerChange Firefox theme locally with CSS (without any extension)How can I change the fonts of Firefox/userContent.css?Force FireFox to reload print CSSChange the firefox default style when a site has no cssRestore a deleted CSS from loaded page on localhost in firefoxFirefox will not display CSScustomizing firefox webfonts in userContent.cssI am having trouble overriding Firefox default css using userContent.css file

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}

77

37

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

Where should I create the file?

Could you please describe it based on Windows 7?

firefox css

share|improve this question

edited Feb 4 '18 at 8:29

unor

1,96311844

asked Aug 4 '11 at 8:30

RaufRauf

1,64072132

add a comment | 

77

37

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

Where should I create the file?

Could you please describe it based on Windows 7?

firefox css

share|improve this question

edited Feb 4 '18 at 8:29

unor

1,96311844

asked Aug 4 '11 at 8:30

RaufRauf

1,64072132

add a comment | 

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

Where should I create the file?

Could you please describe it based on Windows 7?

firefox css

share|improve this question

edited Feb 4 '18 at 8:29

unor

1,96311844

asked Aug 4 '11 at 8:30

RaufRauf

1,64072132

share|improve this question

edited Feb 4 '18 at 8:29

unor

1,96311844

asked Aug 4 '11 at 8:30

RaufRauf

1,64072132

share|improve this question

edited Feb 4 '18 at 8:29

unor

1,96311844

asked Aug 4 '11 at 8:30

RaufRauf

1,64072132

edited Feb 4 '18 at 8:29

unor

1,96311844

edited Feb 4 '18 at 8:29

unor

1,96311844

asked Aug 4 '11 at 8:30

RaufRauf

1,64072132

asked Aug 4 '11 at 8:30

RaufRauf

1,64072132

2 Answers
2

active

oldest

votes

91

1. Open Firefox and press Alt to show the top menu, then click on Help → Troubleshooting Information
   


2. Click the Open Folder button beside the Profile Folder entry


3. Create a folder named chrome in the directory that opens


4. In the chrome folder create a CSS file with the name userContent.css
   


5. 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; }

}

share|improve this answer

edited 21 hours ago

izogfif

1757

answered Aug 5 '11 at 4:48

RaufRauf

1,64072132

• 
  
  
  

  
  6
  

  
  
  
  
  
  

  
  
  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
  

  
  
  
  


• 
  
  
  

  
  5
  

  
  
  
  
  
  

  
  
  You can remove @-moz-document domain("...") to apply the style to every pages.
  
  – Nicolas
  May 30 '13 at 8:26
  

  
  
  
  


• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  @Septagram I think it's just always been that way… as I remember, chrome could also contain userChrome.css, which would style the browser interface ("chrome").
  
  – sam
  Sep 27 '14 at 18:05
  

  
  
  
  


• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  One small note, make sure that the folder you create is named, "chrome", with a lowercase 'c', otherwise it will not work on Linux.
  
  – Oliver Burt
  Dec 22 '16 at 14:04
  

  
  
  
  


• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  It it is necessary to restart Firefox for it to take effect.
  
  – Peter Mortensen
  Jul 18 '18 at 8:32
  
  
  

  
  
  
  

 | 
show 5 more comments

4

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.

share|improve this answer

edited Jan 26 at 15:40

answered May 24 '13 at 15:59

OrangeDogOrangeDog

528416

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I thought I'd got ChromEdit from the official list, but OK.
  
  – OrangeDog
  Jul 2 '15 at 19:57
  

  
  
  
  


• 
  
  
  

  
  9
  

  
  
  
  
  
  

  
  
  Based on recent reviews, Stylish should probably be avoided.
  
  – KlaymenDK
  May 31 '17 at 8:59
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  An extension is not the same as an actual user stylesheet. That's why Chrome is worthless garbage now.
  
  – Synetech
  Jul 9 '17 at 23:02
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  @Synetech what are you talking about? This extension adds a button to open the stylesheet for editing.
  
  – OrangeDog
  Jul 9 '17 at 23:08
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Stylish didn't work for me. When I searched for help I found a forum topic in which a user said most users of Stylish have moved to Stylus because of better user support and more continual updates. Stylus is a fork of Stylish. Stylus worked for me without the need to restart Firefox. Usage of the plug-in is simple - navigate to the page you want to style, click the app icon at top-right of your browser, choose whether you want to apply styles to the current URL only or whole domain and write your styles. When you visit again, the icon shows number of styles being applied by the plugin.
  
  – youcantryreachingme
  Oct 3 '18 at 23:14
  

  
  
  
  

 | 
show 2 more comments

protected by Community♦ Dec 23 '16 at 11:29

Thank you for your interest in this question.
Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).



Would you like to answer one of these unanswered questions instead?

91

1. Open Firefox and press Alt to show the top menu, then click on Help → Troubleshooting Information
   


2. Click the Open Folder button beside the Profile Folder entry


3. Create a folder named chrome in the directory that opens


4. In the chrome folder create a CSS file with the name userContent.css
   


5. 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; }

}

share|improve this answer

edited 21 hours ago

izogfif

1757

answered Aug 5 '11 at 4:48

RaufRauf

1,64072132

• 
  
  
  

  
  6
  

  
  
  
  
  
  

  
  
  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
  

  
  
  
  


• 
  
  
  

  
  5
  

  
  
  
  
  
  

  
  
  You can remove @-moz-document domain("...") to apply the style to every pages.
  
  – Nicolas
  May 30 '13 at 8:26
  

  
  
  
  


• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  @Septagram I think it's just always been that way… as I remember, chrome could also contain userChrome.css, which would style the browser interface ("chrome").
  
  – sam
  Sep 27 '14 at 18:05
  

  
  
  
  


• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  One small note, make sure that the folder you create is named, "chrome", with a lowercase 'c', otherwise it will not work on Linux.
  
  – Oliver Burt
  Dec 22 '16 at 14:04
  

  
  
  
  


• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  It it is necessary to restart Firefox for it to take effect.
  
  – Peter Mortensen
  Jul 18 '18 at 8:32
  
  
  

  
  
  
  

 | 
show 5 more comments

91

1. Open Firefox and press Alt to show the top menu, then click on Help → Troubleshooting Information
   


2. Click the Open Folder button beside the Profile Folder entry


3. Create a folder named chrome in the directory that opens


4. In the chrome folder create a CSS file with the name userContent.css
   


5. 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; }

}

share|improve this answer

edited 21 hours ago

izogfif

1757

answered Aug 5 '11 at 4:48

RaufRauf

1,64072132

• 
  
  
  

  
  6
  

  
  
  
  
  
  

  
  
  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
  

  
  
  
  


• 
  
  
  

  
  5
  

  
  
  
  
  
  

  
  
  You can remove @-moz-document domain("...") to apply the style to every pages.
  
  – Nicolas
  May 30 '13 at 8:26
  

  
  
  
  


• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  @Septagram I think it's just always been that way… as I remember, chrome could also contain userChrome.css, which would style the browser interface ("chrome").
  
  – sam
  Sep 27 '14 at 18:05
  

  
  
  
  


• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  One small note, make sure that the folder you create is named, "chrome", with a lowercase 'c', otherwise it will not work on Linux.
  
  – Oliver Burt
  Dec 22 '16 at 14:04
  

  
  
  
  


• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  It it is necessary to restart Firefox for it to take effect.
  
  – Peter Mortensen
  Jul 18 '18 at 8:32
  
  
  

  
  
  
  

 | 
show 5 more comments

1. Open Firefox and press Alt to show the top menu, then click on Help → Troubleshooting Information
   


2. Click the Open Folder button beside the Profile Folder entry


3. Create a folder named chrome in the directory that opens


4. In the chrome folder create a CSS file with the name userContent.css
   


5. 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; }

}

share|improve this answer

edited 21 hours ago

izogfif

1757

answered Aug 5 '11 at 4:48

RaufRauf

1,64072132

@-moz-document domain(example.com) {

    img { opacity: 0.05 !important; }

}

share|improve this answer

edited 21 hours ago

izogfif

1757

answered Aug 5 '11 at 4:48

RaufRauf

1,64072132

edited 21 hours ago

izogfif

1757

edited 21 hours ago

izogfif

1757

answered Aug 5 '11 at 4:48

RaufRauf

1,64072132

answered Aug 5 '11 at 4:48

RaufRauf

1,64072132

4

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.

share|improve this answer

edited Jan 26 at 15:40

answered May 24 '13 at 15:59

OrangeDogOrangeDog

528416

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I thought I'd got ChromEdit from the official list, but OK.
  
  – OrangeDog
  Jul 2 '15 at 19:57
  

  
  
  
  


• 
  
  
  

  
  9
  

  
  
  
  
  
  

  
  
  Based on recent reviews, Stylish should probably be avoided.
  
  – KlaymenDK
  May 31 '17 at 8:59
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  An extension is not the same as an actual user stylesheet. That's why Chrome is worthless garbage now.
  
  – Synetech
  Jul 9 '17 at 23:02
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  @Synetech what are you talking about? This extension adds a button to open the stylesheet for editing.
  
  – OrangeDog
  Jul 9 '17 at 23:08
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Stylish didn't work for me. When I searched for help I found a forum topic in which a user said most users of Stylish have moved to Stylus because of better user support and more continual updates. Stylus is a fork of Stylish. Stylus worked for me without the need to restart Firefox. Usage of the plug-in is simple - navigate to the page you want to style, click the app icon at top-right of your browser, choose whether you want to apply styles to the current URL only or whole domain and write your styles. When you visit again, the icon shows number of styles being applied by the plugin.
  
  – youcantryreachingme
  Oct 3 '18 at 23:14
  

  
  
  
  

 | 
show 2 more comments

4

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.

share|improve this answer

edited Jan 26 at 15:40

answered May 24 '13 at 15:59

OrangeDogOrangeDog

528416

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I thought I'd got ChromEdit from the official list, but OK.
  
  – OrangeDog
  Jul 2 '15 at 19:57
  

  
  
  
  


• 
  
  
  

  
  9
  

  
  
  
  
  
  

  
  
  Based on recent reviews, Stylish should probably be avoided.
  
  – KlaymenDK
  May 31 '17 at 8:59
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  An extension is not the same as an actual user stylesheet. That's why Chrome is worthless garbage now.
  
  – Synetech
  Jul 9 '17 at 23:02
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  @Synetech what are you talking about? This extension adds a button to open the stylesheet for editing.
  
  – OrangeDog
  Jul 9 '17 at 23:08
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Stylish didn't work for me. When I searched for help I found a forum topic in which a user said most users of Stylish have moved to Stylus because of better user support and more continual updates. Stylus is a fork of Stylish. Stylus worked for me without the need to restart Firefox. Usage of the plug-in is simple - navigate to the page you want to style, click the app icon at top-right of your browser, choose whether you want to apply styles to the current URL only or whole domain and write your styles. When you visit again, the icon shows number of styles being applied by the plugin.
  
  – youcantryreachingme
  Oct 3 '18 at 23:14
  

  
  
  
  

 | 
show 2 more comments

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.

share|improve this answer

edited Jan 26 at 15:40

answered May 24 '13 at 15:59

OrangeDogOrangeDog

528416

share|improve this answer

edited Jan 26 at 15:40

answered May 24 '13 at 15:59

OrangeDogOrangeDog

528416

answered May 24 '13 at 15:59

OrangeDogOrangeDog

528416

answered May 24 '13 at 15:59

OrangeDogOrangeDog

528416