The Home icon in Firefox 3.6.12 is not as visible as I would like. I Googled and came up with code to change userChrome.css and also found an icon that’s to my liking.
The only problem is that I can’t get the code to work. (There’s a blank clickable button with no icon.)
———-
From http://hackaday.com/2009/09/06/firefox-css-hack-change-navigation-icons/ :
We start by using our favorite graphics program to make an icon that is 24×24 pixels, and then saved is as a PNG file without compression.
Find your user profile directory and go to the “chrome” sub-directory inside of it. Create the file “userChrome.css”; there may already be an example file that you can just rename. The important bit of this CSS file is the namespace line that tells Firefox how to use it. Here is what ours looks like:
@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); /* set default namespace to XUL */
#home-button {
list-style-image: url(“file:///path_to_our_icon/hackaday-icon.png”) !important;
}
———-
Any suggestions would be appreciated.
FYI, the letters in the bookmarks bar are folders for news, dictionaries, etc.
