Trying to change my bookmarked folder looks, I tried this , but it doesn't seem to be working: https://support.mozilla.org/en-US/questions/763144
Lots of bookmarked folders, hard to get around and letters make them bulky. Tried looking it up, even changed my userChrome.css several times in several ways, I think I tried it all, but it didn't change the looks of my icon. Could you make me a more thorough step-by-step guide or anything that might help me achieve this? Thank you a lot and in advance,
Filip
Chosen solution
Note that you must use the exact name of the folder to make it work.
Can you post the content of the userChrome.css file?
Make sure that the File name is userChrome.css (case sensitive) and doesn't have a hidden .txt appended (file type is Cascading Stylesheet and not Text Document)
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#personal-bookmarks .bookmark-item[container][label="Folder_Name"] {
list-style-image:url('folder-icon.png') !important;
-moz-image-region:auto !important;
}
/* use this code to hide the text and only keep the icon */
#personal-bookmarks toolbarbutton.bookmark-item[container] > .toolbarbutton-text {
display:none !important;
}
Read this answer in context
👍 1
All Replies (2)
Chosen Solution
Note that you must use the exact name of the folder to make it work.
Can you post the content of the userChrome.css file?
Make sure that the File name is userChrome.css (case sensitive) and doesn't have a hidden .txt appended (file type is Cascading Stylesheet and not Text Document)
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#personal-bookmarks .bookmark-item[container][label="Folder_Name"] {
list-style-image:url('folder-icon.png') !important;
-moz-image-region:auto !important;
}
/* use this code to hide the text and only keep the icon */
#personal-bookmarks toolbarbutton.bookmark-item[container] > .toolbarbutton-text {
display:none !important;
}
Umm this is kinda ridiculous, but now that I have started my Mozilla again (guess what) the icon has changed. I guess I just wasn't patient enough, after doing everything right by your short guide.
Thanks again, you're most helpful.