Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

CSS to improve bookmarks

  • 2 replies
  • 1 has this problem
  • 15 views
  • Last reply by cor-el

user1247855
user1247855
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.

Read this answer in context 👍 0

All Replies (2)

user1247855
user1247855 Question owner
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

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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;
}