Join us and the lead editor of IRL, Mozilla's multi-award-winning podcast, for a behind-the-scenes look at the pod and to contribute your ideas for the next season, themed: "AI and ME." Mark your calendar and join our Community Call on Wednesday, Aug 7, 17:00–17:45 UTC. See you there!

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

customize folder tree icons in 115

more options

Until 115 release I managed to customize the icons of folder tree via userChrome.css. But now that code doesn't work any more. I add here a piece of that code:

.tabmail-tab[type="folder"][SpecialFolder="Outbox"],

  1. treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) {
 list-style-image: url("folder.png") !important;
 -moz-image-region: rect(0 16px 16px 0) !important;}

Of course folder.png is in the same folder of userChrome.css. How should I change it? Thank you!

Until 115 release I managed to customize the icons of folder tree via userChrome.css. But now that code doesn't work any more. I add here a piece of that code: .tabmail-tab[type="folder"][SpecialFolder="Outbox"], #treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) { list-style-image: url("folder.png") !important; -moz-image-region: rect(0 16px 16px 0) !important;} Of course folder.png is in the same folder of userChrome.css. How should I change it? Thank you!

All Replies (1)

more options

ops... My code is not shown correctly above. I try again:

.tabmail-tab[type="folder"][SpecialFolder="Outbox"], #treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) { list-style-image: url("folder.png") !important; -moz-image-region: rect(0 16px 16px 0) !important;}