Lion

Firefox has a lot of hidden secrets that isn't really noticed by many individuals that use the Firefox browser. One of the most useful, but under used secrets of Firefox is its ability to over ride site CSS, with custom CSS created by the user Profile. I will be explaing to you the following.

- What userContent.css is and does.
-How to use userContent.css to manipulate a webpage.


1 - What is userContent.css

For those of you who don’t know what the userchrome.css file is. It is the file in your Firefox profile which you can use to make tweaks and customisations to the browser. It can be found by going to : C:\Users\<username>\AppData\Roaming\Mozilla\Firefo x\SOMETHING.default\

2 - How to use userContent.css to manipulate a webpage.

YOU MUST KNOW SOME HTML/CSS TO USE!!

1 - on your Firefox Profile, your Profile is located here.
C:\Users\<username>\AppData\Roaming\Mozilla\Firefo x\SOMETHING.default\

2.
In your profile, SOMETHING.deault, make a folder called 'chrome'. ALL LOWER CASE

3. inside the chrome folder, make a text document, and name it userContent.css. CASE SENSITIVE

4. open your text document, and put in alterations you wish to make in the format below.

HTML Code:

#DIV { PROPERTY : RULE !Important ; }

For example, to change the color of the Virtual Pet List background, you would use this.

HTML Code:

#HTML { background: #DodgerBlue !Important ; }

the !important IS REQUIRED!!!

If anyone would like help making customizations to pages feel free to ask below. I will attach my current userContent.css that makes alterations to VPL so you can see some examples.