Creative Commons

2011-06-15 12:28:32

Stop Stupid Tab Scrolling In Firefox 4

For those of you who used to access about:config and change minTabWidth to 0 in Firefox 3 so that all tabs would be visible (albeit small) no matter how many tabs you had open, you've probably noticed that the option is no longer there. Yup, they've removed it. Apparently you're not allowed to have your own opinions on tab sizes. But (there's always a 'but' isn't there...) fear not, the Firefox browser is basically an HTML page that can be edited.

Enter CSS!

Advanced Firefox users have probably known about this for a long time, but if you haven't, let me explain it briefly. Inside of your Firefox profile directory you have a specific CSS file (or not, if you've never made advanced adjustments before), userChrome.css, in which you can alter the "chrome" of the web browser. You can change what buttons are present, how big they are, the color of the browser, basically anything and everything about the Firefox window. This is how you have to fix the tab scrolling problem.

So how do you do it? Here are a few simple steps:
  1. Help > Troubleshooting Information
  2. In the Profile Directory row, click the Open Containing Folder button
  3. In the Explorer window that just opened, open the 'chrome' folder
  4. Right Click > New > Text Document
  5. Name the file 'userChrome.css' without the quotes
  6. Open userChrome.css with Notepad
  7. Copy/paste this block of text into Notepad
  8. .tabbrowser-tab[fadein]:not([pinned]) { min-width: 0px !important; max-width: 140px !important; }
  9. Save/close the file
  10. Restart Firefox

There you have it, your tabs will not scroll anymore. They will just keep shrinking to fit them all into view.


Post a comment!