Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

Bookmark Toolbar: show icons only

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

kconovermd
kconovermd
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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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; }