E-Mail Updates
Enter your e-mail address:
Firefox Facts

Remove the Toolbar Clutter

Remove the Clutter from FirefoxBy design, Firefox is pretty easy to customize as far as the toolbars on the top go. You just have to right click on some empty space up there, then choose “Customize”. From there you can drag things off the Firefox toolbars or add them. Two options are not so easily edited though. That would be the “Go” button and the magnifying glass.

To remove these two, you will need to edit your UserChrome.css file and add these entries to the bottom.

Remove the Go Button:

#go-button-stack, .search-go-button-stack {
display: none !important;
}

Remove the “Search” Button:

/*Remove magnifying glass button from search box*/
.search-go-button-stack { display: none !important; }

Now when your done, restart Firefox and you now have a little more room freed up where those buttons used to be.

Remove the Clutter

This is a classic Firefox 2 tip that makes me wonder if it will still exist with Firefox 3 looming around the corner?

| More
  • Eric
    Thanks Hairgel and Lou for the additional tips. Going to go spend some time hacking away since it is a holiday and all. :)
  • Other trick is to display the buttons only when you move your mouse over the textbox

    #go-button-stack,
    .search-go-button-stack {
    display: none;
    }

    #urlbar-button-box:hover #go-button-stack,
    #searchbar:hover .search-go-button-stack {
    display: -moz-stack;
    }
  • There's also a few more tricks like that :)

    Hide "Back" button if it's disabled:
    #back-button[disabled="true"] { display: none; }

    Hide "Forward" button if it's disabled:
    #forward-button[disabled="true"] { display: none; }

    Combine "Stop" & "Reload" button into one*:
    #stop-button[disabled="true"] { display:none; }
    #stop-button:not([disabled]) + #reload-button { display:none; }

    * - "Stop" button must be placed right after "Reload" button in "Customize" mode.
blog comments powered by Disqus

Mitch Keeler © 2009 - Sitemap | Privacy Policy
Dedicated Server Hosting provided by Layered Tech

Go to Top of Page