Remove New Tab Button From Firefox 3.5

I have just upgraded to the latest version of Firefox.  While there are many new features in 3.5, the one that you will probably notice first is the addition of a button to the right of your tabs that will open a new blank tab.

Remove New Tab Button From Firefox 3.5

Since I use shortcut keys to open a new tab this button is pretty much useless to me.  I like to keep my browser as uncluttered as possible.  Fortunately, if you aren’t afraid of some minor text editing you can remove this button in about one minute.

You’ll need to find your user profile for Firefox which contains the userChrome.css file.  On my XP computer it is located here:

C:\Documents and Settings\<your_account>\Application Data\Mozilla\Firefox\Profiles\ftz0ce5v.default\chrome

On OS X you will find this file here:
~/Library/Application Support/Firefox/Profiles/ftz0ce5v.default/chrome/

On Windows 7:

Note that ‘ftz0ce5v’ is randomly generated by Firefox so you will see something slightly different.  Once in this directory you should see a file named ‘userChrome-example.css’.  Make a copy of this file in the same directory and rename it to ‘userChrome.css’.

Open the file you have just created an add the following line:

.tabs-newtab-button {display: none}

Restart Firefox and you will see the button is gone.

34 responses to “Remove New Tab Button From Firefox 3.5”

  1. FYI

    The path to the same file in Mac OS X is ~/Library/Application Support/Firefox/Profiles/zun1tuqq.default/chrome/userChrome-example.css

  2. How do you get rid of the drop down tabs button on the far right? This is like having another toolbar and its just making my view smaller.

  3. Thanks for this info man, very helpful. Instantly knew I did not want this button.

  4. Tried to do your fix but couldn’t find the file to edit in question.

    Running Windows 7 RC 64-bit.

    Please update your document, had to download addon that you commented on badmouthing because you had “written a how-to” that didn’t work for me I might add….

  5. @Paul – thanks for the feedback. Though I don’t have Windows 7, I found the file’s location in about 30 seconds on google.

    Not quite sure what you mean about badmouthing the other add-on, I merely suggested an alternative, but thanks again for your comment!

  6. Yes, indeed, thanks so much! It was hate at first sight – though not as bad as the (pre-3.5) tab close buttons (about:config browser.tabs.closeButtons = 2 to kill them). Easy to search for this page because of the button’s tool tip.

  7. Thank you! I immediately searched for a preference to get rid of it. Luckily, you provided!

  8. If I’d wanted a “new tab” button like IE, I’d use IE.

    Thanks for this, it was the first thing I did upon upgrading.

  9. Likewise, noticed it straight away and wanted rid. Screen space is premium, so thanks for the help in shifting the little bugger.

  10. Thanks for this, worked like a charm on Ubuntu.

    Btw, the file path in Ubuntu is: /home/mike/.mozilla/firefox/3649hhmn.default/chrome/userChrome-example.css

  11. Works like a charm, not a button I need or wanted and I don’t like software forcing \noobish\ options like these on me so I zapped it away with your help. Thanks.

  12. The path in Windows Vista is:

    However, the Windows 7 path works in Windows Vista as well.

  13. Same story here.. immediately wanted rid. Many thanks for sharing your solution.

    As for poster ‘Paul’ – perhaps you need a “How To…. Appreciate The Fact That People Are Trying To Help”.

  14. @Calvin add this to your userchrome.css file:

    /* Disable “List all Tabs” Button */
    .tabs-alltabs-button {
    display: none !important;

    /* Disable Container box for “List all Tabs” Button */
    .tabs-alltabs-box {
    display: none !important;

  15. I need help 🙁 I am not very computer savvy and I tried to apply this fix (for the same reason everyone else) and i was not successful.

    When i save the userChrome.css a message pops up and it reads:
    Cannot create the C:\program files\mozilla firefox\defaults\profile\chrome\userchrome.css file.
    Make sure that the file path and file name are correct.

    I am running vista 32-bit

    I am not sure what i am doing wrong. i would appreciate your help.
    Thank you!

  16. userchrome.css file does not exist anywhere on my c: there is a file however called userChrome-example.css so i don’t know how to add this line of code

  17. I’ve never edited the CSS before, was hoping to find a fix for this in about:config. Anyway, I understand how to do this but do want to confirm one thing. Do I leave all the existing text in the new css file, and simply copy/paste this code at the top or bottom? Not sure if I am to delete the text from the example and only have the code in the finished userChrome.css file. Thanks!