Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Om de ûnderfining foar jo te ferbetterjen is tydlik de funksjonaliteit dan dizze website troch ûnderhâldswurk beheind. Wannear in artikel jo probleem net oplost en jo in fraach stelle wolle, kin ús stipemienskip jo helpe yn @FirefoxSupport op Twitter en /r/firefox op Reddit.

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

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

  • 3 antwurd
  • 1 hat dit probleem
  • 1 werjefte
  • Lêste antwurd fan 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.

Keazen oplossing

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}
Dit antwurd yn kontekst lêze 👍 1

Alle antwurden (3)

more options

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

more options

Keazen oplossing

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.