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

I only want icons on my bookmark toolbar

  • 3 replies
  • 6 have this problem
  • 27 views
  • Last reply by DizzyJordan

more options

A lot of people ask to remove the icons on their bookmark toolbar, I want to know a way to remove text off of my bookmark toolbar. It takes up a tonne of space and if I did not know what these bookmarks were I would not have them on. The icon tells me all I need to know and I want to have more icons on that bar so it is quicker to access what I need and use regularly and the text is preventing me from doing this. Is there any way to do this easily? Or, as I am not too tech savvy, a step by step process anyone knows of to remove the text? Thanks to anyone that replies in advance.

A lot of people ask to remove the icons on their bookmark toolbar, I want to know a way to remove text off of my bookmark toolbar. It takes up a tonne of space and if I did not know what these bookmarks were I would not have them on. The icon tells me all I need to know and I want to have more icons on that bar so it is quicker to access what I need and use regularly and the text is preventing me from doing this. Is there any way to do this easily? Or, as I am not too tech savvy, a step by step process anyone knows of to remove the text? Thanks to anyone that replies in advance.

Chosen solution

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#personal-bookmarks .bookmark-item > .toolbarbutton-text { display:none !important; }
Read this answer in context 👍 2

All Replies (3)

more options

You can edit the text of your bookmarks or remove it completely by right-klicking on the bookmark and choosing "Properties". Just edit or remove the text in the "Name" field.

more options

Chosen Solution

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#personal-bookmarks .bookmark-item > .toolbarbutton-text { display:none !important; }
more options

I am so stupid, I went on that thing a million times... Thank you very much :)