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 இந்த பிரச்சனை உள்ளது
  • 1 view
  • Last reply by LuigiNesbitt

@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.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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.