Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

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 replies
  • 1 has this problem
  • 6 views
  • Paskiausią atsakymą parašė 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.

Modified by user1247855

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.

Skaityti atsakymą kartu su kontekstu 👍 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.

Modified by user1247855

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