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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Can't get rid of logos in bookmarks toolbar

more options

How do I get rid of logos in the bookmarks toolbar? They waste space and substantially reduce the number of bookmarks shown. They also usually are illegible. In Safari, I write short abbreviations, like USA, CNN or NYT. I want to only show these abbreviations in Firefox. Automatically adding useless logos cuts the number of bookmarks I can show by about 50 percent. I understand Firefox used to allow users to choose: logos only, abbreviation only, or both. I suggest that this functionality be restored.

How do I get rid of logos in the bookmarks toolbar? They waste space and substantially reduce the number of bookmarks shown. They also usually are illegible. In Safari, I write short abbreviations, like USA, CNN or NYT. I want to only show these abbreviations in Firefox. Automatically adding useless logos cuts the number of bookmarks I can show by about 50 percent. I understand Firefox used to allow users to choose: logos only, abbreviation only, or both. I suggest that this functionality be restored.

All Replies (1)

more options

Hi, there's no built-in feature to remove the site icons (sometimes called favicons). You can hide them using a custom style rule.

You can apply custom style rules to Firefox's toolbar area by creating a userChrome.css settings file. This is about a 10 minute project, and I suggest taking your time to have the greatest chance of success.

(1) Set up your chrome folder and userChrome.css file following the five steps in this article:

https://www.userchrome.org/how-create-userchrome-css.html

I have a (boring) video there if you like demonstrations (click the "Mac" tab to switch from the Windows video to Mac).

(2) This is the code to paste into the file. You can edit the file using the bult-in text editor or a better editor. Make sure to keep it in a plain text format with a .css file extension (not .css.txt).

/* Hide Bookmarks Toolbar site icons on the bar */
#PlacesToolbar .toolbarbutton-icon {
  display: none !important;
}

(3) Firefox should read the file at its next startup and apply the change to your Bookmarks Toolbar.

Success?