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

Bookmark Toolbar: show icons only

  • 1 reply
  • 1 has this problem
  • Last reply by cor-el

more options

Over the years, I have become dependent on a bookmarks toolbar that shows only icons, but will show the text with a mouse hover, using the following in userchrome:

/* The lines below allow the bookmarks toolbar to show only icons */

#personal-bookmarks .bookmark-item > .toolbarbutton-text { display:none !important; }
#personal-bookmarks .bookmark-item > .toolbarbutton-icon {
 margin:0px 0px 0px -4px !important;
 padding:0px !important;

The upgrade to Firefox 96 broke this. I considered spending an hour or two deleting the text from all of the bookmarks on my bookmarks toolbar, but I depend on the mouse-hover tooltip with the text to remind me of some important but not all-that-frequently-used bookmarks.

Any help appreciated.

Modified by cor-el

All Replies (1)

more options

That code still works for me.

Is that the only code in your userChrome.css or do you possibly have CSS code above or below it that is causing problems ?

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.

You can possibly add this rule to show the text on hover.

#personal-bookmarks .bookmark-item:hover > .toolbarbutton-text { display:-moz-box !important; }


Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.