InsideTech

How To >> Browse Articles >> Web Browsers

Remove extra padding from the Navigation Toolbar

Article Submitted by:

Wendell

over 2 years ago

1 article submitted

This tip will make the toolbars use less space around the buttons, allowing Firefox to use more space for the actual web pages. This also affects additional toolbars such as the Googlebar .

Add the following code to your userChrome.css file:

/* Remove extra padding from the Navigation Bar */
.toolbarbutton-1, .toolbarbutton-menubutton-button {
padding: 2px 3px !important;
}
.toolbarbutton-1[checked="true"], .toolbarbutton-1[open="true"],
.toolbarbutton-menubutton-button[checked="true"],
.toolbarbutton-menubutton-button[open="true"] {
padding: 4px 1px 1px 4px !important;
}