Move/Remove List All Tabs Button

Note: For this tweak I recommend using the ChromEdit Plus extension.

With Firefox 2 came the options of changing where your close tab buttons were displayed along with tab-overflow and the List All Tabs buttons. By default the List All Tabs Button is on the right side of the tab bar. You can either move it to the left side of your tab bar or remove the button altogether.

  • Moving The Button – To change the location of the List All Tabs button, use the ChromEdit Plus extension. Add these lines to your userChrome.css file located in your profile folder:
     .tabs-alltabs-stack {-moz-box-ordinal-group: 1 !important}
     .tabbrowser-arrowscrollbox {-moz-box-ordinal-group: 2 !important}
     .tabs-closebutton-box {-moz-box-ordinal-group: 3 !important}

    Note: This change will affect the location of the close tab button if the single button at end of bar option is selected on the Close Tab Buttons Tweak.

    Save and restart for Firefox for the changes to take effect.

  • Removing The Button – To remove the List All Tabs button, use the ChromEdit Plus extension. Add this line to your userChrome.css file located in your profile folder:Firefox 2
     .tabs-alltabs-stack { display: none !important;}
  • Firefox 3.6

     .tabs-container > stack  {display:none!important}

When you are done editing your userChrome.css file, close and restart Firefox and the changes should take effect right away.

Firefox 4.0, 5.0, 6.0, 7.0

This button along with the new tab (show below with a yellow border) and tab groups buttons can be removed via the customize… option. Right click on the toolbar and select customize…, then simply grab and drag into the box the buttons you no longer want displayed.

Source: Mozilla Links

Leave a Reply

  1. Interesting, I know a lot of the ‘Chrome Tweaks’ won’t work in Gran Paradiso. I am going to be doing more with Gran Paradiso in the coming weeks as it will be my primary browser when I am running Ubuntu.

  2. Yes best wallpapers is right the .tabs-alltabs-stack { display: none !important;} code does not work. Can you find on that does cause that list all tabs icon is sooo annoying. Thanx in advance

  3. Hello,

    I simply cannot get this to work:

    .tabs-alltabs-stack { display: none !important;}

    I tried placing it at the start, then the end, of my userchrome.css document.

    And I did rename from ‘userChrome-example.css’ to ‘userchrome.css’

    Can anyone kindly provide explicit and specific instructions on how to do this?

    Also, is it supposed to have asterisks or slashes around it?

    Hey, thanks!

    vince de benedeto

  4. Simply insert this line at the end of your userChrome.css (note the capital C in Chrome):

    .tabs-alltabs-stack { display: none !important;}

    I just tried it on a fresh 2.0.0.8 profile in Windows Vista and it works fine.

  5. Pingback: Blog Year in Review: January 2007 « Firefox Extension Guru’s Blog

  6. The tweak

    .tabs-alltabs-stack { display: none !important;}

    worked perfectly to remove the annoying button (Firefox 2.0.0.14).

    Thanks. My only input is that button’s tooltip actually called it ‘Display Opened Tabs’ rather than ‘List All Tabs,’ so I was unsure my search for a fix had ended.

  7. Hi, for those wondering how to hide the “display opened tabs list” in FF 3.0 with Tab Mix Plus you can go to about:config and change extensions.tabmix.hideAllTabsButton to “True”

  8. shuff’s solution made it so that the ‘list all tabs’ button doesn’t appear, but the area it occupied still exists as a small blank space when I have many tabs open. Is there any way to get rid of this?

  9. Pingback: Fx 3.6: Tab Preview Tweaks « The Firefox Extension Guru’s Blog

  10. Pingback: Fx 2.0 Tweaks Guide | Firefox Extension Guru's Blog