# Firefox: Changing size of dialog boxes

📅 2009-Dec-05 ⬩ ✍️ Ashwin Nanjappa ⬩ 📚 Archive

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 `C:\Users\Your-Username\AppData\Roaming\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.