My Firefox bookmark toolbar items change icons every now and then for apparently no reason, especially if a site is down. I get the DNS site's icons all over, on another case I have the Facebook icon on a TOTALLY irrelevant bookmark, so the question is: How can I change the icons on my bookmarks in the bookmark toolbar?
Firefox – How to change Firefox bookmark toolbar icons
bookmarksfirefoxtoolbar
Related Solutions
If you're concerned about screen real estate, you might look into the Smart Bookmarks Bar Firefox extension.
Smart Bookmarks Bar modifies the bookmarks bar to show bookmarks icons only.
Bookmark names will be displayed on mouse over. This feature can be disactivated if you just want icons without the rollover effect.
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("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* 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:
Best Answer
Favicon Picker 2 adds a UI for replacing bookmark icons. The extension is based on the the version posted in MozillaZine. It also features an increased icon size limit.