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

Firefox 23. Bookmark Icons very small. Can I make them larger?

  • 1 reply
  • 3 have this problem
  • 1 view
  • Last reply by cor-el

more options

icons on bookmark toolbar are very small and the toolbar contains about 50 icons. I only want to see the top 10 or so that i use most often. Words instead of icons would do nicely. Thanks

icons on bookmark toolbar are very small and the toolbar contains about 50 icons. I only want to see the top 10 or so that i use most often. Words instead of icons would do nicely. Thanks

Chosen solution

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

Use one of the two versions to hide all icons or keep icons for bookmark folders.

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

/* hide bookmark icons on the Bookmarks Toolbar - show folder icons */
#personal-bookmarks .bookmark-item:not([container]) .toolbarbutton-icon {
display:none!important;
}

/* hide all icon on the Bookmarks Toolbar */
#personal-bookmarks .bookmark-item .toolbarbutton-icon{
display:none!important;
}
Read this answer in context 👍 0

All Replies (1)

more options

Chosen Solution

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

Use one of the two versions to hide all icons or keep icons for bookmark folders.

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

/* hide bookmark icons on the Bookmarks Toolbar - show folder icons */
#personal-bookmarks .bookmark-item:not([container]) .toolbarbutton-icon {
display:none!important;
}

/* hide all icon on the Bookmarks Toolbar */
#personal-bookmarks .bookmark-item .toolbarbutton-icon{
display:none!important;
}