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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

CSS to improve bookmarks

  • 2 uphendule
  • 1 inale nkinga
  • 15 views
  • Igcine ukuphendulwa ngu 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.

Okulungisiwe ngu user1247855

Isisombululo esikhethiwe

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.

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 0

All Replies (2)

user1247855
user1247855 Umnikazi wombuzo
more options

Isisombululo Esikhethiwe

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.

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