Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

ابحث في الدعم

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Will there be a generic icon for websites without favicons?

  • 3 ردود
  • 1 has this problem
  • 20 views
  • آخر ردّ كتبه Terry

more options

I don't know if this is a problem with my installation, but websites without specific favicons (e.g.: https://forum.librivox.org/index.php?sid=fd7dca1ba59c207dd25121695677d565) don't have a placeholder icon in the tab. Is this intended behavior? There's the globe icon for bookmarks without favicons, couldn't that be used if a website doesn't have one? I think that would contribute to some visual consistency :)

I have looked across various support forums for information on this, I only see posts regarding favicons and bookmarks, not the tab itself, so apologies if this has been asked and answered already!

I don't know if this is a problem with my installation, but websites without specific favicons (e.g.: https://forum.librivox.org/index.php?sid=fd7dca1ba59c207dd25121695677d565) don't have a placeholder icon in the tab. Is this intended behavior? There's the globe icon for bookmarks without favicons, couldn't that be used if a website doesn't have one? I think that would contribute to some visual consistency :) I have looked across various support forums for information on this, I only see posts regarding favicons and bookmarks, not the tab itself, so apologies if this has been asked and answered already!
Attached screenshots

الحل المُختار

Hi. I have only just seen your reply. The code follows. If you put the image you want in the chrome folder, you only need the name of the file as the url. If the image is elsewhere, you need to put the full path and name. (Remove the blank space in the link.)

.tab-icon-pending:not([pendingicon]) + .tab-icon-image:not([busy]){ display: -moz-box !important; }
.tab-icon-image:not([src]){ content: url("image.jpg") !important; }


https://www.reddit. com/r/FirefoxCSS/comments/ti9wla/create_tab_favicon_not_working_with_ff_9801/

Read this answer in context 👍 0

All Replies (3)

more options

You can use a file userChrome.css to add an icon to tabs where the site doesn't provide one. If you want to pursue that, I can provide you with the code I use. You can choose the image you want to use. I have used .ico, .jpg and .png images. (Remove the blank space in the link below.)

WARNING: This script is not provided by Mozilla and is not officially supported Creating a userChrome.css file and other ways of customizing Firefox that are not exposed in the interface are there for developers, not end-users. If it were intended for end-users, you would see a menu option or checkbox; you wouldn't have to hack a text file in a hidden location.

What this means is that even though the functionality you want is no longer supported, a third-party has found a way to do it using the CSS file. If it breaks in new versions, you will need to contact the person who provided the script.

[Warning added by moderator.]


https://www.userchrome. org/how-create-userchrome-css.html

Modified by Chris Ilias

more options

I have a userChrome.css folder already, that works great! I would love the code you use, if you don't mind. Then I can mark as solved.

more options

الحل المُختار

Hi. I have only just seen your reply. The code follows. If you put the image you want in the chrome folder, you only need the name of the file as the url. If the image is elsewhere, you need to put the full path and name. (Remove the blank space in the link.)

.tab-icon-pending:not([pendingicon]) + .tab-icon-image:not([busy]){ display: -moz-box !important; }
.tab-icon-image:not([src]){ content: url("image.jpg") !important; }


https://www.reddit. com/r/FirefoxCSS/comments/ti9wla/create_tab_favicon_not_working_with_ff_9801/

Modified by Terry