Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have a number of folders on my bookmarks bar in firefox. I'd like to be able to change the icons for a few them to match the category they represent. Is this possible? If so, how?

My suspicion is that it's not built in to firefox itself, because changing the icon is what distinguishes a normal bookmark from a folder (it would break the UI metaphor they're using). But I'm not opposed to using an extension for this, if one exists.

share|improve this question
up vote 2 down vote accepted

It's possible by using the userChrome.css file:

To create this file, use your operating system tools.

Go to your profile folder (%appdata%\Mozilla\Firefox\Profile\######.default). Then go to the chrome folder there, creating it if necessary. In the chrome folder, create a plain text file named userChrome.css

To modify the icon of a folder named test, enter this to the userChrome.css file:

 * Do not remove the @namespace line -- it's required for correct functioning
@namespace url(""); /* set default namespace to XUL */

#personal-bookmarks .bookmark-item[container][label="test"] {
 list-style-image:url('gmail.png') !important;
 -moz-image-region:auto !important;

Place the folder icon(s) in the same folder where userChrome.css resides

The result should look something like this:

enter image description here

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .