CSS to improve bookmarks
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 👍 0All Replies (2)
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
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;
}