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

Can't remove blank icons next to bookmarks

  • 9 replies
  • 2 have this problem
  • 13 views
  • Last reply by dehumanizer

more options

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?

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)

more options

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 */

  1. PlacesToolbarItems .toolbarbutton-icon {display:none!important;}

But it does not remove them from the drop down tab. Any help would be appreciated, thanks.

more options

Chosen Solution

Does this code do what you want?

#bookmarksMenuPopup menuitem .menu-iconic-icon { display:none !important; }
more options

Yes! Thank you! Now, how do we remove it from the tabs? Please refer to picture: http://i46.tinypic.com/2ign29y.jpg

more options
.tab-icon-image:not([pinned]), .tab-throbber:not([pinned]) { display:none!important; }
more options

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.

more options

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

2nd option was exactly what I wanted. Awesome, thanks!

more options

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?