Bookmark Toolbar: show icons only
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.
Okulungisiwe
All Replies (1)
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.
- about:config => toolkit.legacyUserProfileCustomizations.stylesheets = true
- https://www.userchrome.org/firefox-changes-userchrome-css.html
You can possibly add this rule to show the text on hover.
#personal-bookmarks .bookmark-item:hover > .toolbarbutton-text { display:-moz-box !important; }