FireFox: How to rearrange toolbars

[tong]

1. Go to user profile folder.

Code: Select all

about:support -> Profile Folder

2. Create a new text file "userChrome.css" in the "chrome" folder.

3. Enter the following codes:

Code: Select all

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

#toolbar-menubar          { -moz-box-ordinal-group: 1 !important; }
#nav-bar                  { -moz-box-ordinal-group: 2 !important; }
#PersonalToolbar          { -moz-box-ordinal-group: 3 !important; } 
#__customToolbar_Toolbar1 { -moz-box-ordinal-group: 4 !important; }
#TabsToolbar              { -moz-box-ordinal-group: 6 !important; }
#addon-bar                { -moz-box-ordinal-group: 9 !important; }

4. To find the ID of each toolbars, use DOM Inspector and go to:

Code: Select all

chrome://browser/content/browser.xul

#document
  windows
    deck
      vbox
        toolbox

Code: Select all

DOM Inspector Add-ons
https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/

[klaatu]

Thank you very much for posting this simple method. Very grateful to find it. I have used the css with Stylish to do this, but didn't know to use the DOM Inspector to find the proper IDs when things change in new versions of FF.

Many people beg for this information at mozilla forums, but are told nothing. It can be difficult to discover. I only found your post because I already had the string '-moz-box-ordinal-group: 6 !important;' in my Stylish css, so I searched for that, to learn why it had stopped working for me after FF upgrade.

Kind regards