This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

How do I turn off bookmarks toolbar text & create custom icons instead?

more options

On the bookmarks toolbar, I want to add custom icons, and turn off the text to show only the icons.

On the bookmarks toolbar, I want to add custom icons, and turn off the text to show only the icons.

All Replies (5)

more options

Try this extension for hiding the names of Bookmark Toolbar favicons. https://addons.mozilla.org/en-US/firefox/addon/4072/

This extension will help you apply a Favcion image to specific bookmarks. https://addons.mozilla.org/en-US/firefox/addon/7849/

You will need to create your own Favicon images or find them on the internet.

more options

hi, edmeister.

thanks for the info ... it solved part of my problem. the favicons work great on the actual shortcuts. is it there an add-on that allows custom icons on my folders?

thanks, again ...

more options

You probably need to do that via code in userChrome.css. "Folder_Name" needs to be the exact name of that folder (case sensitive) Place the icons in the chrome folder with the file userChrome.css

#personal-bookmarks .bookmark-item[container][label="Folder_Name"] {
 list-style-image: url('folder-icon.png') !important;
 -moz-image-region: auto !important;
}


You can use this code for regular bookmarks instead of the Favicon picker extension.

#personal-bookmarks .bookmark-item[label="Bookmark_Name"] {
 list-style-image: url('bookmark-icon.png') !important;
 -moz-image-region: auto !important;
}


You can use this code to hide the text

#personal-bookmarks .bookmark-item .toolbarbutton-text {display:none!important;}


Add code to userChrome.css below the @namespace line.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

See http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files

Modified by cor-el

more options

This extension does exactly what you want. Removes text associated with your bookmarks and folders and gives you placement controls over bookmarks extending the functionality and usability of the Bookmarks Toolbar. ROLLOVER ICON=read text. Works perfect, updated for Firefox 4. FFox 3 worked great.

https://addons.mozilla.org/en-US/firefox/addon/smartest-bookmarks-bar/?src=external-website-homepage

rated 4 1/2 stars

Modified by Cashout

more options

10 month old thread ....