On some of the tabs I pin to the top of the browser as an "app" the website icon is simply a dotted square!? Others have the web-logo. Is there a fix for that or procedure I am missing?

Question

Wondering why some website tabs I pin to the browser just show a small dotted square instead of the website's logo. So then, I have to hover over the tab to reveal text as to what site it is! Is there a fix for this??? Thanks

Answer 1

If the web site doesn't provide a Favicon, Firefox uses the default "icon". As of Firefox 8.0 that default icon is the blank dashed square, where earlier versions used an icon that was a bit narrower and looked like a sheet of paper with the upper-right corner folded over.
You can revert to the old default icon with this '''userChrome.css''' code. <br /> <br />
<pre><nowiki> @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#page-proxy-favicon:not(src), .tab-icon-image:not(src) {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 16px, 16px, 0px)!important;
</nowiki></pre>