Is is possible to remove an icon from a tab in the Firefox browser?
I want to remove an offensive icon from an otherwise-inoffensive website's tab.
All Replies (7)
This is the site icon that appears on the tab when you're viewing the page?
It's difficult to think of a way to remove one site icon from one site. You probably do not want to block all images from the site, and you probably do not want to strip all the site icons off all the tabs.
Maybe there is an add-on that can do it?
Hopefully another volunteer will have an idea.
A possibility is to use code in userChrome.css to hide this specific icon. You would have to use the DOM Inspector to find the src URL of that icon to be sure you get the correct URL or try the generic domain.
Add code to the userChrome.css file below the default @namespace line.
@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ .tab-icon-image[src^="http://<website_domain>/"] {visibility:hidden}
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
You can use this button to go to the currently used Firefox profile folder:
- Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)
- Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
- Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
- Paste the code in the userChrome.css file in the editor window
- Make sure that the userChrome.css file starts with the default @namespace line
- Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css. Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
Hi cor-el, what do you think about a rule like the following to make it protocol neutral?
.tab-icon-image[src*="//<website_domain>/"] {visibility:hidden}
I haven't tested it myself.
Yes, that would be a good change and worked for me in the test case that I had made for my own code.
Is your answer count steady as well as mine hasn't changed during the past posts I made?
Modified
Hi cor-el, I haven't checked my answer count but I did see some new posters today who had at least two posts but were listed with 0 answers, so something is definitely strange.
I've check some pages that I visited yesterday in work offline mode and all show the same answer count for you and for me. Hope this gets fixed as soon as possible.
As a simple workaround, you could bookmark the tab into a folder on the Bookmarks Toolbar; and only open it when you are actually using it. Does the site have the same icon in other browsers? Perhaps you should contact the site to express your concern. You don't seem to have been asked to identify the site to see if others have the same problem.