Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

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


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

Additional System Details

Installed Plug-ins

  • -np-mswmp
  • Default Plug-in
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Shockwave Flash 10.1 r53
  • iTunes Detector Plug-in
  • 4.0.50524.0
  • Office Authorization plug-in for NPAPI browsers
  • The plug-in allows you to open and edit files using Microsoft Office applications
  • RealPlayer(tm) LiveConnect-Enabled Plug-In
  • RealJukebox Netscape Plugin
  • RealPlayer(tm) HTML5VideoShim Plug-In
  • Next Generation Java Plug-in 1.6.0_20 for Mozilla browsers
  • Adobe PDF Plug-In For Firefox and Netscape


  • User Agent: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv: Gecko/20100722 Firefox/3.6.8

More Information

  • Top 10 Contributor
  • Moderator
3197 solutions 24404 answers

Helpful Reply

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.

Question owner

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 ...

  • Top 10 Contributor
  • Moderator
10756 solutions 96800 answers

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

Cashout 0 solutions 7 answers

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.


rated 4 1/2 stars

Modified by Cashout

  • Top 10 Contributor
  • Moderator
3197 solutions 24404 answers

10 month old thread ....