Windows 10 reached EOS (end of support) on October 14, 2025. For more information, see this article.

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.

#bookmarksBarContent toolbarbutton modifications in userChrome.css no longer working

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

jpsinthemix
jpsinthemix

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)

cor-el
cor-el
  • Moderator

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

jpsinthemix
jpsinthemix Question owner

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