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
by cor-elNote 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
Additional System Details
Installed Plug-ins
- Shockwave Flash 11.5 r502
- Next Generation Java Plug-in 1.6.0_39 for Mozilla browsers
- NPRuntime Script Plug-in Library for Java(TM) Deploy
- Adobe PDF Plug-In For Firefox and Netscape "9.5.3"
- The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
- DRM Netscape Network Object
- Npdsplay dll
- DRM Store Netscape Plugin
- Windows Presentation Foundation (WPF) plug-in for Mozilla browsers
- Office Plugin for Netscape Navigator
Application
- User Agent: Mozilla/5.0 (Windows NT 5.1; rv:18.0) Gecko/20100101 Firefox/18.0
More Information
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;
}
Question owner
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.