#bookmarksBarContent toolbarbutton modifications in userChrome.css no longer working
In firefox 3.x I use a userChrome.css in, among other things, I hide the folder icons and the 'drop-down' "arrow" icon in order to reduce space used, with the following:
/* Remove Bookmark Item Icons */ #bookmarksBarContent toolbarbutton:not([type=menu]) image { display: none !important; -moz-margin-end: 0px !important; } /*Hide Bookmark Folder Icon*/ #bookmarksBarContent toolbarbutton[type=menu] image { display: none !important; -moz-margin-end: 0px !important; } #bookmarksBarContent toolbarbutton[container="true"] .toolbarbutton-menu-dropmarker { display: none !important; }
This is now longer working in firefox 4.0b6. Can someone tell me how to do this in firefox 4 ?
Thanks much
Modified
Chosen solution
Use #personal-bookmarks as selector. That should work in both versions.
/* Remove Bookmark Item Icons */ #personal-bookmarks toolbarbutton:not([type=menu]) image { display: none !important; -moz-margin-end: 0px !important; } /*Hide Bookmark Folder Icon*/ #personal-bookmarks toolbarbutton[type=menu] image { display: none !important; -moz-margin-end: 0px !important; } #personal-bookmarks toolbarbutton[container="true"] .toolbarbutton-menu-dropmarker { display: none !important; }
The menu button have ID #bookmarks-menu-button and the bookmarks have ID #PlacesToolbar
Read this answer in context 👍 4All Replies (2)
Chosen Solution
Use #personal-bookmarks as selector. That should work in both versions.
/* Remove Bookmark Item Icons */ #personal-bookmarks toolbarbutton:not([type=menu]) image { display: none !important; -moz-margin-end: 0px !important; } /*Hide Bookmark Folder Icon*/ #personal-bookmarks toolbarbutton[type=menu] image { display: none !important; -moz-margin-end: 0px !important; } #personal-bookmarks toolbarbutton[container="true"] .toolbarbutton-menu-dropmarker { display: none !important; }
The menu button have ID #bookmarks-menu-button and the bookmarks have ID #PlacesToolbar
Thanks Cor-el, works perfectly. I'd just like to say that firefox-4.0b6 is really fast! Very impressive. I hope its not just that being a beta version, additional functionality remains to be added/activated.. this is definitely the fastest/most responsive version of firefox in quite some time.
thanks again