1

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?

1 Answer 1

0

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;
}

You must log in to answer this question.

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