Firefox tip: Make location bar font larger, no add-on needed
Firefox's AwesomeBar is great, but there is no easy way to make the text (and the bar itself) larger from within Firefox. So this little trick might come in handy to those of you who use large monitors which are located somewhat far away.
1) Go to your chrome folder (not the browser Chrome, but Firefox's chrome configuration folder):
C:\Users\UserName\AppData\Roaming\Mozilla\Firefox\Profiles\ [something random].default\chrome
2) Using Notepad or another text editor, edit userChrome.css.
3) Add the following lines:
#urlbar { font-size:25px !important; height:42px !important; }
4) Now restart Firefox.
That's it! You should now get nice, large text in the AwesomeBar. What's cool about this method is that it seems compatible with many themes and add-ons.
Finally, to make the bar appear similar to the one in the screenshot, you need to use the Locationbar² add-on. Oh, and go to DownloadSquad.com, of course!














Comments
5
Subscribe to commentsSilverWaveApr 21st 2010 6:34PM
Oh it didn't like that!
Had to shut-down and remove file.
prob a conflict with a add-on.
jokermatt999Apr 22nd 2010 12:32PM
This post got me curious on how to changed the size of Vimperator's command line. I dug through it's (rather nice) documentation, and found it was as easy as
:highlight CmdLine font-size: 24px;
It turns out Vimperator (and I guess Vimium as well, but I'm not sure) allows you to change it's styling CSS from the command line, with no external editing or about:config. I swear, every day I love this extension more and more.
glassmusicApr 21st 2010 9:46PM
any recommendation for mac users?
ronmosesApr 22nd 2010 10:06AM
"C:\Users\UserName\AppData\Roaming\Mozilla\Firefox\Profiles\.default\chrome"
There is no such directory on my hard drive, nor any file named userChrome.css. The only files matching the pattern *chrome*.css are:
C:\Documents and Settings\[user]\Application Data\Mozilla\Firefox\Profiles\q3fq3v0b.default\chrome\userChrome-example.css
C:\Program Files\Mozilla Firefox\defaults\profile\chrome\userChrome-example.css
I'm running FF3.6.3 on WinXP SP3.
FrenchescoApr 23rd 2010 12:50AM
The directory doesn't exist because it's for Windows 7. In XP the file you want to edit is:
"C:\Documents and Settings\[user]\Application Data\Mozilla\Firefox\Profiles\q3fq3v0b.default\chrome\userChrome.css"
If this file doesn't exist, then you need to create it. Just rename userChrome-example.css to userChrome.css. Then continue following the instructions from step 2.
Make sure you put the CSS specified at step 3 after this line:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */