Toolbar customization: Difference between revisions

From MozillaZine Knowledge Base
Jump to navigationJump to search
(→‎External links: "Extensions for customizing toolbars": reworded)
(Moved Changes lost on startup section to the top of the article)
Line 1: Line 1:
<!-- A NOTE TO EDITORS: Please consider updating "Toolbar customizing (Thunderbird)" article unless your edits are Firefox-specific -->
<!-- A NOTE TO EDITORS: Please consider updating "Toolbar customizing (Thunderbird)" article unless your edits are Firefox-specific -->
It is very easy to customize the layout of the toolbars in Firefox. You can add or remove buttons, and change their placement. The Firefox windows are individually customizable and have different sets of icons that you can add to or remove from each. If your customizations reset themselves, see [[Toolbar customizations reset on startup | this article]].
It is very easy to customize the layout of the toolbars in Firefox. You can add or remove buttons, and change their placement. The Firefox windows are individually customizable and have different sets of icons that you can add to or remove from each.
 
==Changes lost on startup==
If your toolbar customizations are lost when you restart Firefox, see [[Corrupt localstore.rdf| this article]].


==Customizing the toolbar buttons==
==Customizing the toolbar buttons==
Line 12: Line 15:
Some Firefox [[:Category:Extensions (Firefox)|extensions]] provide extra toolbar buttons as part of their functionality. Installing an extension does not automatically put its buttons on the toolbar, however. To add these buttons, you should do as described above for adding buttons to the toolbar.
Some Firefox [[:Category:Extensions (Firefox)|extensions]] provide extra toolbar buttons as part of their functionality. Installing an extension does not automatically put its buttons on the toolbar, however. To add these buttons, you should do as described above for adding buttons to the toolbar.


==Reducing the padding around the toolbars==
==Reducing the padding around the toolbars - Advanced==


To make the toolbars use less space you can reduce the padding around the buttons. Add the following code to your [[userChrome.css]] file (but note that this may also affect toolbars supplied by extensions).
To make the toolbars use less space you can reduce the padding around the buttons. Add the following code to your [[userChrome.css]] file (but note that this may also affect toolbars supplied by extensions).
Line 30: Line 33:
       border-top-width: 0 !important;
       border-top-width: 0 !important;
     }
     }
==Changes lost on startup==
[[Corrupt localstore.rdf|Toolbar customizations reset on startup]]


==External links==
==External links==

Revision as of 02:39, 15 December 2007

It is very easy to customize the layout of the toolbars in Firefox. You can add or remove buttons, and change their placement. The Firefox windows are individually customizable and have different sets of icons that you can add to or remove from each.

Changes lost on startup

If your toolbar customizations are lost when you restart Firefox, see this article.

Customizing the toolbar buttons

To customize a toolbar, open the window that you want to customize, and then go to the "View" menu and select "Toolbars -> Customize"; alternatively, right-click on the toolbar and select "Customize". The Customize Toolbar dialog will then pop up. To remove a button, simply drag it from the toolbar down into the Customize Toolbar dialog. To add a button, drag it up from the Customize Toolbar dialog and place it on the toolbar. If you want, you can even put buttons up on the menu toolbar.

Warning: it is not recommended to remove "Bookmark Toolbar Items" from the toolbars. If you don't need it just hide the Bookmarks Toolbar.

Adding buttons provided by extensions

Some Firefox extensions provide extra toolbar buttons as part of their functionality. Installing an extension does not automatically put its buttons on the toolbar, however. To add these buttons, you should do as described above for adding buttons to the toolbar.

Reducing the padding around the toolbars - Advanced

To make the toolbars use less space you can reduce the padding around the buttons. Add the following code to your userChrome.css file (but note that this may also affect toolbars supplied by extensions).

   /* Remove extra padding from the Navigation Bar and other toolbars*/
   .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;
   }
   /* Remove extra padding from the Status Bar,
      introduced by the Toolbar enhancements extension */
   #tbx-bottom-toolbox {
      border-top-width: 0 !important;
   }

External links

  • Extensions for customizing toolbars: Firefox extensions can provide additional toolbar customizations such as adding more buttons for standard Firefox features or adding multiple Search or Bookmark toolbars: