Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

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("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /*only needed once*/
.bookmark-item[label="Read Later"]{display: none;}

Also, the following does not work either:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /*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
add comment

1 Answer

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

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.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(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

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

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.