Tweaking the About Screen

The standard About Firefox screen is pretty boring looking. It is even worse for those of us using the Bon Echo or Minefield nightlies since it uses a globe without the firefox as the image (Minefield’s globe has a stick of dynamite stuck in it). However, you can tweak your About Screen by changing the image, the color and font of the text as well as the size of the window. Here is my new & improved About Screen:

Note: For this tweak I recommend using the ChromEdit Plus extension. Simply add and modify these lines to your userChrome.css file located in your profile folder:


/* ============ Custom About Background ============== */
#aboutDialog {
width: 40em !important;
height: 40em !important; }


#clientBox {
background: Transparent
url("http://www.mrtech.com/photos/firefox-splash-screens/image/595/Firefox1.png") no-repeat top center !important;
font-family: verdana !important;
color: rgb(0,64,62) !important; }

In the #aboutDialog section these decelerations specify the settings for the dialog box. width and height decelerations are in em (1em = 10px 40em=400px) and are for the dialog box only.

In the #clientBox url(“”) specifies the location of the image (insert the image location within the quotes). font-family & color declarations specifies the font and color for the text which beings with ©1998-2007, it does not change the text for the version number or your user agent.

Changes take effect once you have saved the userChrome.css file and restarted Firefox.

Permalink