Can't remove blank icons next to bookmarks
Recently upgraded from Firefox 3.x to 15 (I know, but 4+ is terrible IMO). Anyway - I want to remove the favicons next to bookmarks in the bookmarks tab AND the toolbar and it doesn't seem to be possible. Currently they are all showing an empty dotted box instead of the icons themselves. It seems doing this fix for old versions (http://www.ghacks.net/2009/05/11/how-to-remove-favicons-in-firefox-bookmarks/) will remove the icon, and stop new ones from being added but will NOT remove this annoying box.
http://i45.tinypic.com/6sck08.jpg http://i47.tinypic.com/30lm1ow.jpg
I looked into the .css fix but my .css files are completely blank for some reason. How can I remove all of these boxes completely without an addon?
Chosen solution
Does this code do what you want?
#bookmarksMenuPopup menuitem .menu-iconic-icon { display:none !important; }
Read this answer in context
👍 1
All Replies (9)
Edit: Adding the following to the blank .css form did remove them from the toolbar.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
- PlacesToolbarItems .toolbarbutton-icon {display:none!important;}
But it does not remove them from the drop down tab. Any help would be appreciated, thanks.
Nobody?
Chosen Solution
Does this code do what you want?
#bookmarksMenuPopup menuitem .menu-iconic-icon { display:none !important; }
Yes! Thank you! Now, how do we remove it from the tabs? Please refer to picture: http://i46.tinypic.com/2ign29y.jpg
.tab-icon-image:not([pinned]), .tab-throbber:not([pinned]) { display:none!important; }
Worked, thanks again. But unfortunately it also removes the activity/loading icon which I need so I guess I'll have to deal with the empty box there.
Now if I could just get some padding/sizing options on the bookmarks toolbar I'd be set. I know there's a addon that does it but it doesn't increase the size of the buttons themselves.
You're welcome
You can leave out the code of the .tab-throbber:not([pinned]), but that will cause the text to move if the throbber gets active.
.tab-icon-image:not([pinned]) { display:none !important; }
If you do not want the text to jump, but have an empty space then hide the favicon instead.
.tab-icon-image:not([pinned]) { visibility:hidden !important; }
2nd option was exactly what I wanted. Awesome, thanks!
One more thing if you can :p
I've downgraded to FF11 because 15 had too many little quirky issues that bothered me. All the .css stuff above works great in 11, however the address bar in this version has a favicon/blank box next to the URL's as well. Any idea what the container for this is so I can remove them there too?