How can I relace the Folder Icon with a more discriptive Icon

Question

Bookmark toolbar: When you add a folder, it uses a "folder" Icon. How I replace that "folder Icon with a more Discriptive Icon, so I don't need to add text?

Answer 1

There are extensions that can replace the favicon of a bookmark, but AFAIK then there aren't extensions that can replace a folder icon.
The only way to do that is via code in userChrome.css and specify an icon for each folder.<br />
Place the icons in the same chrome folder as the userChrome.css file.
The folder name is case sensitive and need to be exactly the same as specified for the bookmarks folder
<pre><nowiki>#personal-bookmarks .bookmark-item[container][label="Folder_Name"] {
list-style-image:url('folder-icon.png')!important;-moz-image-region:auto!important;}
</nowiki></pre>
Add the code to userChrome.css below the @namespace line.
* http://kb.mozillazine.org/userChrome.css
* http://kb.mozillazine.org/Editing_configuration
You can use the ChromEdit Plus extension to have easier access to the customization files.
* ChromEdit Plus: http://webdesigns.ms11.net/chromeditp.html