Firefox: Changing size of dialog boxes

Since I changed the fonts of the Windows 7 theme, I cannot view all the options in some of the Firefox dialog boxes. These dialog boxes in Firefox do not come with the window resize option so cannot be resized using the mouse. To resize these dialogs, set their sizes in userChrome.css as explained in this helpful MozillaZine article: Dialog too small or too large.

For example, to increase the size of the Fonts dialog in Firefox, I added this to my userChrome.css file:

/* Increase width of Fonts dialog. */
#FontsDialog {width: 100ex !important;}

Note that:

• userChrome.css is located in the %APPDATA%\Mozilla\Firefox\Profiles\Random-String.default\chrome directory on Windows 7.

• If userChrome.css does not exist, just create a text file named as such.

• ex and em are measures of width and height respectively (in CSS) and are relative to the font used. If you need an absolute unit, use px (pixel).

• Firefox needs to be restarted for the resizing to take effect.