This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

How to add an icon to bookmark subfolder, using userChrome.css?

  • 3
  • 1 nwere nsogbu anwere nsogbu a
  • 1 view
  • Nzaghachi ikpeazụ nke LuigiNesbitt

more options

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Kali 2.0"] { list-style-image:url('http://www.kali.org/favicon.ico') !important; -moz-image-region:auto !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="World News"] { list-style-image:url('http://cdn0.wn.com/st/favicon-20131209.ico') !important; -moz-image-region:auto !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Apostolic"] { list-style-image:url('http://www.upci.org/assets/img/small-logo.png') !important; -moz-image-region:auto !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Guitar"] { list-style-image:url('http://resources.ibanez.com/resourceservicehost/images/Ibanez/web/favicon.ico') !important; -moz-image-region:auto !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Email"] { list-style-image:url('https://login.secureserver.net/images/favicon_pl.ico?r=1') !important; -moz-image-region:auto !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Search"] { list-style-image:url('http://i.i.cbsi.com/cnwk.1d/i/se/ico/favicon.ico') !important; -moz-image-region:auto !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Video"] { list-style-image:url('http://www.vh1.com/favicon.ico') !important; -moz-image-region:auto !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Downloads"] { list-style-image:url('http://www.socialcliff.com/favicon.ico') !important; -moz-image-region:auto !important; }

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="My Places"] { list-style-image:url('http://www.somox.com/images/favicon.ico') !important; -moz-image-region:auto !important; }

This is how all my bookmark folders are coded in .css This is linux firefox version 41 64 bit Ive tried the favicon changer - not working - says favicon is set but the image doesn't appear. If you look at the subfolders they are the only ones that don't have images.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Kali 2.0"] { list-style-image:url('http://www.kali.org/favicon.ico') !important; -moz-image-region:auto !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="World News"] { list-style-image:url('http://cdn0.wn.com/st/favicon-20131209.ico') !important; -moz-image-region:auto !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Apostolic"] { list-style-image:url('http://www.upci.org/assets/img/small-logo.png') !important; -moz-image-region:auto !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Guitar"] { list-style-image:url('http://resources.ibanez.com/resourceservicehost/images/Ibanez/web/favicon.ico') !important; -moz-image-region:auto !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Email"] { list-style-image:url('https://login.secureserver.net/images/favicon_pl.ico?r=1') !important; -moz-image-region:auto !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Search"] { list-style-image:url('http://i.i.cbsi.com/cnwk.1d/i/se/ico/favicon.ico') !important; -moz-image-region:auto !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Video"] { list-style-image:url('http://www.vh1.com/favicon.ico') !important; -moz-image-region:auto !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Downloads"] { list-style-image:url('http://www.socialcliff.com/favicon.ico') !important; -moz-image-region:auto !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="My Places"] { list-style-image:url('http://www.somox.com/images/favicon.ico') !important; -moz-image-region:auto !important; } This is how all my bookmark folders are coded in .css This is linux firefox version 41 64 bit Ive tried the favicon changer - not working - says favicon is set but the image doesn't appear. If you look at the subfolders they are the only ones that don't have images.

Asịsa ahọpụtara

You should only add the @namespace line at the start of the userChrome.css file and not above every item.

Try to add this rule:

.bookmark-item[container] .menu-iconic-left { visibility: visible !important}
Gụọ azịza a na nghọta 👍 1

All Replies (3)

more options

This is a screenshot of the bookmark folder and bookmark subfolders.

more options

Asịsa Ahọpụtara

You should only add the @namespace line at the start of the userChrome.css file and not above every item.

Try to add this rule:

.bookmark-item[container] .menu-iconic-left { visibility: visible !important}
more options

Thank you for the quick response! Your answer did the job for me.

/* Custom favicon for this bookmark */ .bookmark-item[container="true"][label="Apostolic"] .menu-iconic-left { visibility: visible !important}; { -moz-image-region:auto !important; }

This allowed me to take out the url and use favicon changer instead.