Join the Mozilla’s Test Days event from 9–15 Jan to test the new Firefox address bar on Firefox Beta 135 and get a chance to win Mozilla swag vouchers! 🎁

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

CSS to improve bookmarks

  • 2 tontu
  • 1 am na jafe-jafe bii
  • 5 views
  • i mujjee tontu mooy cor-el

more options

I want to change bookmark folder favicon in CSS but I don not want to use 'label' specifyier because I don't like bookmarks with text just with favicons only.

Also bookmarks inside folders that have deleted name show their location instead. I want them to don't and just show favicon only.

I want to change bookmark folder favicon in CSS but I don not want to use 'label' specifyier because I don't like bookmarks with text just with favicons only. Also bookmarks inside folders that have deleted name show their location instead. I want them to don't and just show favicon only.

user1247855 moo ko soppali ci

Saafara biñ tànn

I've made it alone. Here is the code: .bookmark-item[label=""] * {font-size: 0 !important} .bookmark-item * {padding:0 !important; margin:0 !important;}

Now using label is ok because it is not visible.

Jàng tontu lii ci fi mu bokk 👍 0

All Replies (2)

more options

Saafara yiñ Tànn

I've made it alone. Here is the code: .bookmark-item[label=""] * {font-size: 0 !important} .bookmark-item * {padding:0 !important; margin:0 !important;}

Now using label is ok because it is not visible.

user1247855 moo ko soppali ci

more options

Note that you can easily hide the text labels. That way you can easily identify bookmarks in the Bookmarks Manager (Library).

/* hide names on the Bookmarks Toolbar */
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
 display:none !important;
}
/* This leaves folder names */
#PlacesToolbarItems > .bookmark-item:not([container]) .toolbarbutton-text {
 display:none !important;
}