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

#bookmarksBarContent toolbarbutton modifications in userChrome.css no longer working

  • 2 replies
  • 9 have this problem
  • 26 views
  • Last reply by jpsinthemix

more options

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

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: <pre><nowiki>/* 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; }</nowiki></pre> This is now longer working in firefox 4.0b6. Can someone tell me how to do this in firefox 4 ? Thanks much

Modified by cor-el

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 👍 4

All Replies (2)

more options

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

more options

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