Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Nummer anzurufen, sie per SMS zu kontaktieren oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Learn More

Cannot change favicon provided by website

  • 5 Antworten
  • 1 hat dieses Problem
  • 13 Aufrufe
  • Letzte Antwort von Shadow110

more options

I can add favicons to any bookmark on the bookmark toolbar using UserChrome.css (Firefox 52.7.3 ESR 64bit on OSX) if the origin web site does not provide a favicon. This works:

/* Bookmark icon */ .bookmark-item[label="FEP"] {

   list-style-image: url('/Users/mylogin/Pictures/Favicons/b.png') !important;

}

But this method fails if the origin website provides a favicon, (e.g. youtube) .. The following line does not work, I cannot modify youtube's favicon, this does not work:

/* Bookmark icon */ .bookmark-item[label="YouTube"] {

   list-style-image: url('/Users/mylogin/Pictures/Favicons/y.png') !important;

}


How can I edit default favicon provided by the web site? How can I use my own icon using userChrome.css and overwrite the favicon provided by the origin web site?

This is needed because I have 20 bookmarks on my toolbar from wiki, they all get the same favicon provided by wiki...

Thank you for all the help, - y.

Alle Antworten (5)

more options

What does your full userChrome.css look like?

more options

Here we go:

/* Do not remove the @namespace line below -- it's required for correct functioning */


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");     /* set default namespace to XUL */


/* Remove Names */


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text { display:none !important; }



/* Recreates the basic functionality of the popular Roomy Bookmarks Toolbar add-on:
Hide bookamrks bar items label text, show on hover. */

.bookmark-item > .toolbarbutton-text { margin-top: 2px !important; }

#PlacesToolbarItems > .bookmark-item:not(:hover):not([open="true"]) > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 0px !important;
}

.bookmark-item[label="CR"] {  list-style: url("/Users/mylogin/Pictures/Favicons/n.png") !important; }

.bookmark-item[label="Expenses"] {  list-style: url("/Users/mylogin/Pictures/Favicons/yellowghost.ico") !important; }

.bookmark-item[label="Analytics"] {  list-style: url("/Users/mylogin/Pictures/Favicons/fes.ico") !important; }

.bookmark-item[label="FEP"] { list-style-image: url('/Users/mylogin/Pictures/Favicons/b.png') !important; }

.bookmark-item[label="YouTube"] { list-style-image: url('/Users/mylogin/Pictures/Favicons/y.png') !important; } 

more options

HI give this a try : https://addons.mozilla.org/en-US/firefox/addon/favicon-customizer/

Please let us know if this solved your issue or if need further assistance.

more options

Pkshadow said

HI give this a try : https://addons.mozilla.org/en-US/firefox/addon/favicon-customizer/ Please let us know if this solved your issue or if need further assistance.

This does not work, are you able to change youtube favicon with this add-on? My settings below did not work:

more options

Hi, I would not know. I do not have the need to change my favicons. Firefox Volunteers try to help with the best information available and that extension says it fits what you need to do. As to if it works that is the Developers issue that you should check out on their support and contact page from the URL provided.

As well since we are Volunteers it is not expected that we know everything but to try to provide you with answers like :

Note not all code in one place.

I will set a message for the 1 person who knows CSS well and maybe they can help you if this is a CSS issue.