weird square favicon
Hello. I have Firefox 8 and some pages have weird square favicon, because they haven't their own. For example: http://www.metro.sk/public/76866 Can you fix it? Thanks.
Chosen solution
You're welcome.
I had noticed that transparent block as well and this question was a good opportunity to see if there was a solution possible. A quick comparison and check revealed that the old folder icon is still present.
This code adds them also for bookmarks on the Bookmarks Toolbar.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
/* default favicon */
#tabbrowser-tabs .tab-icon-image:not(src),
.sidebar-placesTreechildren::-moz-tree-image(leaf),
.bookmark-item:not(src):not([container]):not([type]){
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px,16px,16px,0px)!important;
}
.bookmark-item[container]:not([livemark]):not([query]){
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0,32px,16px,16px)!important;
}
.sidebar-placesTreechildren::-moz-tree-image(title,container,livemark),
.bookmark-item[container][livemark]{
list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png")!important;
-moz-image-region:auto!important;
}
.sidebar-placesTreechildren::-moz-tree-image(title,livemarkItem),
.bookmark-item[container][livemark] .bookmark-item{
list-style-image: url("chrome://browser/skin/places/livemark-item.png")!important;
-moz-image-region: rect(0px,16px,16px,0px)!important;
}
.sidebar-placesTreechildren::-moz-tree-image(title,livemarkItem,visited),
.bookmark-item[container][livemark] .bookmark-item[visited]{
-moz-image-region: rect(0px,32px,16px,16px)!important;
}
Read this answer in context
👍 16
All Replies (9)
Be aware that replacing omni.jar only works with this specific Firefox version because omni.jar will be replaced by a new version if you need to update Firefox in the future (don't let that be an obstacle to stop updating!). If someone doesn't update omni.jar in that new version and offer to download it that you are without those changes. The code in userChrome.css should still work.
cor-el you are right. My patch only works with Firefox 8.0, not for another version of Firefox. For this reason I opened this bug. Who does not like this new favicon, could vote for the resolution of this bug.
I had the same problem. Disable Favicon Picker 2 and problem solved. Too easy :)
Thanks wizz! That worked for me. Great troubleshooting ...
I too would like the icon changed back to the dog-eared page (and I voted at Bugzilla). Unfortunately, as far as I can tell, after a reasonably diligent search of Index of jar-file-///Applications/Firefox.app/Contents/MacOS/omni.jar!/chrome/toolkit/skin/classic/ there's no longer a dog-eared page icon (which used to be at jar:file:///Applications/Firefox.app/Contents/MacOS/omni.jar!/chrome/toolkit/skin/classic/global/tree/item.png). So the posted solutions relying on changing a user style aren't going to work. FF 8.0.1
Modified by hoodsmom
Thanks cor-el! I'm using portable FF 8.0.1 and I didn't find userChrome.css file but I created it to "/data/profile/chrome/" and it worked.
Edit: Done it to home pc with FF 8.0.1 and also to linux.
Modified by Thomazu
Thanks very much cor-el. The userChrome.css code works great!
I just upgraded to Firefox 9.0 and the Favicon problem remains.
Are others seeing this same problem in Firefox 9.0?
Regardless, the userChrome.css fix works for both FF8 and FF9.
For replace the horrible default favicon (dotted square and empty) with a nice favicon. As it was in Firefox 7. The bug is this:
https://bugzilla.mozilla.org/show_bug.cgi?id=702730
In comment number 8 my patch for Firefox 9.0.1