Userchrome.css is a file that allows users to change the look and feel of the Firefox interface. You can change the size of the letters and their style or their color and much more. This goes for many things. For example you can change the look of your tabs, toolbars, status bar etc.

In this first post in the series of three I’ll point you how to locate and modify this file. The file is located in the chrome directory under the Firefox profile that you use.

• Locate the chrome folder inside the profile directory.
• There are good chances that there already exists an example file inside the chrome folder by default like “userchrome-example.css” and you can simply rename it to “userchrome.css”. Or you can create a plain text file and rename it to “userchrome.css”
• OR you can download this and save it to the chrome folder.

Starter’s tip: Before you set out to play around here are a few tips to get you started

• Every time you make a change in this file, you need to restart Firefox so that the changes show up.
• All the text in between /* and */ is commented i.e. unused. To use it, remove /* and */ from the beginning and end respectively.
• Learn more about CSS at W3Schools

Tomorrow I’ll bring to you a list of my favourite userchrome.css tweaks that I use. And next would be the top-of-the-charts.
Follow the link 21+ Innovative Firefox Tweaks – II to get started with some serious workaround for firefox interface.

 Tweet