Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

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 delete the toolbar icons to make more room on the toolbar?

  • 10 replies
  • 1 has this problem
  • 30 views
  • Last reply by davejmc

more options

I would like to have more room on my toolbar and remove the icons. Previous versions of firefox allowed this. PLEASE HELP

I would like to have more room on my toolbar and remove the icons. Previous versions of firefox allowed this. PLEASE HELP

Chosen solution

Yes, you can paste the full code posted above including the @namespace line. The :not([container]) selector means that you still have the folder icons with bookmarks folders. If you want to hide the icons for folders as well then leave out this selector.


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

#personal-bookmarks .bookmark-item .toolbarbutton-icon {
 display:none!important;
}
Read this answer in context 👍 1

All Replies (10)

more options

Yup, this is still allowed. See Customize Firefox controls, buttons and toolbars for more information on customizing the Firefox toolbars.

more options

What icons is this about?

Are you talking about icons on the Bookmarks Toolbar?

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


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

#personal-bookmarks .bookmark-item:not([container]) .toolbarbutton-icon {
 display:none!important;
}
more options

Ok, I figured out how to create the new userChrome.css file in the right place. The file is now empty. Do I add the "default @namespace" line too, as well as the code that you listed below it? Thanks for your help

more options

And yes, it is the bookmarks toolbar icons I am trying to remove, so I can fit more bookmarks

more options

Chosen Solution

Yes, you can paste the full code posted above including the @namespace line. The :not([container]) selector means that you still have the folder icons with bookmarks folders. If you want to hide the icons for folders as well then leave out this selector.


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

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

It worked. Thank you so much! I was using the Firefox 52.8.1esr channel since last summer, because that was the last update that didn't make you create the userChrome.css file.

In fact, for my main computer in my home office, I am still using that old channel. Am I at risk for exposure to some nefarious hackers?

Thanks again! Dave

more options

And with your help, I am now on the Firefox 60.4.0esr channel on my laptop, with none of those pesky bookmark icons! LOL!

Firefox really needs to have this removal of the bookmark toolbar icon, a much easier process.

more options
more options

For many years, I used to use the "roomy toolbar" extension. And it worked great, until Firefox disabled it.

more options

Oops. it was called the "roomy bookmark" extension