We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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?

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.

Chosen solution

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}
Read this answer in context 👍 1

All Replies (3)

more options

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

more options

Chosen Solution

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.