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 respostas
  • 1 has this problem
  • 15 views
  • Last reply by 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 modificouno o

Chosen solution

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.

Ler a resposta no contexto 👍 0

All Replies (2)

more options

Chosen Solution

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 modificouno o

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