See [/questions/890741]

You can hide the default favicon on the Bookmarks Toolbar with this code in userChrome.css:

.bookmark-item:not(src):not([container]):not([type]) { display:none!important; }

Thank you for your reply.

I had two profiles on my computer (Mac) -- one from my old computer (I switched a month or so ago) and one that's recent (and that's the active one). The older, not-in-use profile had a folder with userChrome-Example.css, which I copied and pasted and changed the name to userChrome.css. I left the name line (as they instructed) and added your line. I then copied the Chrome folder into the active, newer profile.

It didn't work, and that newer profile didn't even have a Chrome folder to start with. So I'm wondering if Firefox 9 lets us change those boxes.

Did I do something wrong? Is it in the wrong place? Do I have to do something additional to activate this change?

The new css file is currently inside a newly-created Chrome folder in my active profile. This is how the whole file reads:

*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*

.bookmark-item:not(src):not([container]):not([type]) { display:none!important; }
*/

You've commented out that code by pasting the code inside a /* */ section.
You need to remove those codes and only leave the .bookmark-item line to make the code work.

.bookmark-item:not(src):not([container]):not([type]) { display:none!important; }

I took the comment things off both the namespace line and the bookmark line.

The result is that it shows no bookmarks at all in my bookmark bar. It just shows folders.

I would like to see the type for the bookmarks, and also the favicons if favicons exist -- just not the empty boxes. If it has to be a choice between just type on the one hand, and favicons plus empty boxes, on the other, I guess I prefer no favicons and no empty boxes.

It now reads like this -- I'm not sure if the namespace code is correct, since I got it from an older profile:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

.bookmark-item:not(src):not([container]):not([type]) { display:none!important; }

I found a different code that seems to work:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

toolbarbutton.bookmark-item > .toolbarbutton-icon {

     display: none !important;

}

Your code removes all favicons from the toolbar.
The code that I posted above will leave some favicons that aren't the default empty sqaure, so it is up to you what you prefer.

See also:

• [/questions/890741]

I would rather have some favicons, but your code removes all my bookmarks entirely from the bookmark toolbar, leaving only a few empty folders.

Are you using a mac? I have 10.6.8.

Are you using Firefox 9.0.1?

Clearly it's working for you -- don't know what I'm doing wrong.

I can live with all bookmarks and no favicons, but if you have a way to make some favicons appear, that would be better. Your code is removing all my bookmarks, though.