Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Search Support

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

Show custom favicon for bookmark in a subfolder? userChrome.css

  • No replies
  • 0 have this problem
  • 1 view
user10x59
user10x59
more options

For example, this code in userChrome.css will work for showing a custom favicon on the bookmarks toolbar:

.bookmark-item[label="Bookmark"] image { 

   width:0!important;
   height:0!important;
   padding: 0 0 16px 16px !important;
   background:url(custom-icon.png)!important; 
   background-size: 16px !important;

}

However, after a recent update, if the bookmark is located inside a folder, the custom favicon will not be displayed and it will revert to the websites favicon.

See the attached image example of a bookmark on the toolbar vs. inside a folder.

For example, this code in userChrome.css will work for showing a custom favicon on the bookmarks toolbar: .bookmark-item[label="Bookmark"] image { width:0!important; height:0!important; padding: 0 0 16px 16px !important; background:url(custom-icon.png)!important; background-size: 16px !important; } However, after a recent update, if the bookmark is located inside a folder, the custom favicon will not be displayed and it will revert to the websites favicon. See the attached image example of a bookmark on the toolbar vs. inside a folder.
Attached screenshots

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.