Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am trying to remove the icon of one specific bookmark in the bookmarks toolbar of Firefox (20.0). That is, the dotted box just to the left of "Read Later" in the following image:

enter image description here

I have my userChrome.css file as follows:

@namespace url(""); /*only needed once*/
.bookmark-item[label="Read Later"]{display: none;}

Also, the following does not work either:

@namespace url(""); /*only needed once*/
#personal-bookmarks toolbarbutton[label="Read Later"] image{
    display: none !important;
    -moz-margin-end: 0px !important;

Unfortunately, this does nothing. Any ideas?

Links I have used:

#bookmarksBarContent toolbarbutton modifications in userChrome.css

How to remove icons from FF 4 Bookmarks Toolbar?

share|improve this question

You need to target the bookmark's icon. Try the following:

@namespace url(;

.bookmark-item .toolbarbutton-icon[label="Read Later"] {
    display: none !important;

Alternatively, you can target all blank bookmark icons (that are not in folders) with the following:

@namespace url(;

.bookmark-item .toolbarbutton-icon:not([type="menu"]):not([src]) {
    display: none !important;
share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .