Widen Firefox 4 active tab for more of the page title

With Firefox 4, the title bar went away. And while you may appreciate the additional room, you may also miss having the full title of the current page.

You just need to add a few lines to your userChrome.css file.

  1. In the Firefox button menu, select Help>Troubleshooting InformationTroubleshooting Information  menu
  2. In the about:support page, press the Open Containing Folder to access your profile folder
  3. In your profile folder, move to the chrome folder, and open the userChrome.css file. If it is not there copy the userChrome-example.css file as userChrome.css
  4. Add this code at the end of the file:
    .tabbrowser-tab:not([pinned])[selected="true"]  {width: 200px !important;}
  5. Restart Firefox to apply the change. Now the active tab will appear wider than the rest of the tabs so you can see more of the current page title.



Tagged: ,


  1. DeafZebra April 10, 2011 11:24 pm 

    is there a way to use this mod so that it dosen’t affect active pinned tabs?

  2. Bohdan April 11, 2011 1:42 am 

    Better variant:
    .tabbrowser-tab:not([pinned])[selected="true"] {width: 200px !important;}

    Reason: App Tabs shouldn’t be expanded.

    • Percy Cabello April 11, 2011 7:49 am 

      Thanks Bohdan, a nice improvement indeed. I have updated the post.

  3. Stan April 11, 2011 4:02 am 

    Is there any way to exclude App tabs from this? When unfocused, the App tab remains the usual small size but it expands to 200pixels.

  4. Bohdan April 11, 2011 4:31 am 

    See my comment above :)

    • Stan April 11, 2011 8:09 am 

      Outstanding. I posted my comment before yours appeared. Thanks!

  5. Anonymous April 11, 2011 10:17 pm 

    Cool this is like Haiku OS. The title bars are as long as the words they contain, except this applies to all windows, not just active ones.

Comments are closed.