How do i get the toolbar to just show the icons, not the whole name of the site

Question

on the toolbar, I just want the icons of my favorites to show, not the whole name so I can add more to the toolbar..

Answer 1

Add code to the <b>userChrome.css</b> file below the default @namespace line.
*http://kb.mozillazine.org/userChrome.css
<pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#PlacesToolbarItems > .bookmark-item:not([container]) > .toolbarbutton-text {
display:none !important;
</nowiki></pre>
Note that this code leave the names for folders. You can leave out :not([container]) to hide those names as well
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the <b>chrome</b> folder in the Firefox profile folder.
*http://kb.mozillazine.org/Editing_configuration
You can use this button to go to the currently used Firefox profile folder:
*Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)
* Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
* Use a plain text editor like Notepad to create a (new) userChrome.css file in this folder (the names are case sensitive)
* Paste the code in the userChrome.css file in the editor window and make sure that the userChrome.css file starts with the default @namespace line
* Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css. Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file