Toolbar customization: Difference between revisions

From MozillaZine Knowledge Base
Jump to navigationJump to search
m (replaced image with clearer CustomizeToolbar.PNG)
Line 5: Line 5:


==Customizing toolbars and buttons==
==Customizing toolbars and buttons==
{{right-pic|CustomizeToolbar.jpg}}
{{right-pic|CustomizeToolbar.PNG}}
To customize a toolbar, go to the "View" menu and select "Toolbars -> Customize"; alternatively, you can context-click (right-click) on the toolbar and select "Customize".  The Customize Toolbar dialog will then pop up.  To remove a button or other item, 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 move  buttons or the "Bookmarks Toolbar Items" up on the menu bar.   
To customize a toolbar, go to the "View" menu and select "Toolbars -> Customize"; alternatively, you can context-click (right-click) on the toolbar and select "Customize".  The Customize Toolbar dialog will then pop up.  To remove a button or other item, 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 move  buttons or the "Bookmarks Toolbar Items" up on the menu bar.   


Warning: it is [https://bugzilla.mozilla.org/show_bug.cgi?id=246158 not recommended] to remove "Bookmarks Toolbar Items" from the toolbars. If you don't need it just hide the Bookmarks Toolbar.
Warning: [https://bugzilla.mozilla.org/show_bug.cgi?id=246158 Do not remove] "Bookmarks Toolbar Items" from the toolbars. Just hide the Bookmarks Toolbar if you don't need it.


===Adding buttons provided by extensions===
===Adding buttons provided by extensions===


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, 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, however,  does not automatically put its button on the toolbar.  To add these buttons, do as described above for adding buttons to the toolbar.


===Adding or removing toolbars===
===Adding or removing toolbars===
To show or hide the "Navigation toolbar" or "Bookmarks Toolbar" included with Firefox (both are shown by default) or to show or hide other toolbars added to Firefox,  go to the "View" menu, select "Toolbars" and click on a listed toolbar to select or deselect the toolbar.   
To show or hide the "Navigation toolbar" or "Bookmarks Toolbar" included with Firefox (both are shown by default) or to show or hide other toolbars added to Firefox,  go to the "View" menu, select "Toolbars" and click on a listed toolbar to select or deselect the toolbar.  If you want to uninstall a toolbar added to Firefox by an extension or other application, see [[Uninstalling toolbars]].
 
If you want to uninstall a toolbar added to Firefox by an extension or other application, see [[Uninstalling toolbars]].


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

Revision as of 13:55, 6 August 2008

This article explains how to customize the Firefox toolbars. If your toolbar customizations are lost when you restart Firefox, see 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.

Customizing toolbars and buttons

To customize a toolbar, go to the "View" menu and select "Toolbars -> Customize"; alternatively, you can context-click (right-click) on the toolbar and select "Customize". The Customize Toolbar dialog will then pop up. To remove a button or other item, 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 move buttons or the "Bookmarks Toolbar Items" up on the menu bar.

Warning: Do not remove "Bookmarks Toolbar Items" from the toolbars. Just hide the Bookmarks Toolbar if you don't need it.

Adding buttons provided by extensions

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

Adding or removing toolbars

To show or hide the "Navigation toolbar" or "Bookmarks Toolbar" included with Firefox (both are shown by default) or to show or hide other toolbars added to Firefox, go to the "View" menu, select "Toolbars" and click on a listed toolbar to select or deselect the toolbar. If you want to uninstall a toolbar added to Firefox by an extension or other application, see Uninstalling 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).

   /* 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