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!

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

remove bookjmark toolbar favicons

more options

i/m using firefox Developer's latest edition and have tried repeatedly to remove bookmark toolbar favicons and cannot...i removed them from regular firefox but no luck with Developer edition

i have tried all the Chrome tricks i can find on the forum and other places but nothing is working...how do you remove bookmark toolbar favicons from Firefox Developer

i/m using firefox Developer's latest edition and have tried repeatedly to remove bookmark toolbar favicons and cannot...i removed them from regular firefox but no luck with Developer edition i have tried all the Chrome tricks i can find on the forum and other places but nothing is working...how do you remove bookmark toolbar favicons from Firefox Developer

Chosen solution

set to true in about:config -> toolkit.legacyUserProfileCustomizations.stylesheets

that did it...thank you very much

Read this answer in context 👍 0

All Replies (4)

more options

What method did you previously use or did you do this in Firefox 56 via a Legacy extension ?

In current releases you would have to use code in userChrome.css to hide the favicon on the Bookmarks Toolbar.

#personal-bookmarks .bookmark-item:not([container]) .toolbarbutton-icon {
 display: none !important;
}

More info about userContent.css and userChrome.css in case you are not familiar: *https://www.userchrome.org/what-is-userchrome-css.html

more options

i have used that exact code in regular firefox and waterefox and it woprked but not in Developers Edition...i just deleted and recreated the userChrome.css file, entered the code again but the favicons are still there

more options

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

more options

Chosen Solution

set to true in about:config -> toolkit.legacyUserProfileCustomizations.stylesheets

that did it...thank you very much