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

Bookmark Toolbar: show icons only

  • 1 reply
  • 1 has this problem
  • 31 views
  • 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.

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: <pre><nowiki>/* 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; }</nowiki></pre><br> 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; }