ffox – userchrome.css tweaks

**IF YOU HAVEN’T ALREADY CREATED YOUR FIREFOX USERCHROME.CSS FILE:**

The userChrome.css file isn’t there by default, so you must create it:

How to CREATE a Firefox usrchrome.css file:

1. Open xplorer2 or explorer and Navigate to your Firefox profile folder:

(MAKE SURE HIDDEN FILES ARE SHOWN)

• VISTA: C:\Users\<Windows login/user name>\AppData\Roaming\Mozilla\Firefox\Profiles\<profile folder>.
• XP / 2000: C:\Documents and Settings\<Windows login/user name>\Application Data\Mozilla\Firefox\Profiles\<profile folder>

2. Open the folder called “chrome”

3. Create a new file — (In xporer2: select F7 or right click an empty spot, and choose “new file”.)

4. Name it: userchrome.css

* To open and edit the userchrome.css file: double click on it.

_____________________________________________________________________________________________________

How to leave comments in your userchrome.css -

Comments are used to remind you what the code is for. Comments must be written using the /* (forward slash and star) as shown below:

userChrome.css comment example:

/* Type the Slash and star before your comment (single and multi-line), like this!

_____________________________________________________________________________________________________

*****USERCHROME.CSS TWEAKS*******USERCHROME.CSS TWEAKS*******USERCHROME.CSS TWEAKS******

CHANGE BOOKMARK FOLDER ICONS:

1. Save a 16×16 .png icon in your chrome folder of your Firefox profile.

2. Rename it to the name of the folder label you are changing the icon for.

3. Edit this code, by substituting both Sites text for the label/name of your folder (it is case sensitive). And PASTE it into your userchrome.css file.

/* Change bookmark folder icon */

.bookmark-item[container="true"][label="Sites"] {
list-style-image: url(“Sites.png”) !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;

}

4. Save.

5. Restart Firefox.

6. Repeat above for each additional folder icon you wish to change.

_____________________________________________________________________________________________________

MORE USERCHROME TWEAKS IN COMMENTS BELOW:

Just copy and paste the ones you want to use into your userchrome.css file and save. Restart Firefox.