X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

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

Posted

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

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

cor-el
  • Top 10 Contributor
  • Moderator
10762 solutions 96861 answers

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.