How to add an icon to bookmark subfolder, using userChrome.css?
@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; }
 !important;){kind=link}
@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.
Réiteach roghnaithe
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)
This is a screenshot of the bookmark folder and bookmark subfolders.
Réiteach Roghnaithe
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}
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.
