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

This thread was archived. Please ask a new question if you need help.

How can I relace the Folder Icon with a more discriptive Icon

  • 1 reply
  • 2 have this problem
  • 2 views
  • Last reply by cor-el

Ghost4776
Ghost4776
more options

Bookmark toolbar: When you add a folder, it uses a "folder" Icon. How I replace that "folder Icon with a more Discriptive Icon, so I don't need to add text?

Bookmark toolbar: When you add a folder, it uses a "folder" Icon. How I replace that "folder Icon with a more Discriptive Icon, so I don't need to add text?

All Replies (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

There are extensions that can replace the favicon of a bookmark, but AFAIK then there aren't extensions that can replace a folder icon.

The only way to do that is via code in userChrome.css and specify an icon for each folder.
Place the icons in the same chrome folder as the userChrome.css file. The folder name is case sensitive and need to be exactly the same as specified for the bookmarks folder 

#personal-bookmarks .bookmark-item[container][label="Folder_Name"] {
 list-style-image:url('folder-icon.png')!important;-moz-image-region:auto!important;}

Add the code to userChrome.css below the @namespace line.

You can use the ChromEdit Plus extension to have easier access to the customization files.