Mozilla Firefox stores the configuration data and some CSS styling code in various files which can be edited to configure and customize Firefox UI. Today in this topic, we are going to tell you the file names and their location so that you can edit them easily.
Following are 3 main files which are used by Firefox:
All these 3 files are plain text files and are stored in your Firefox profile folder. You can edit them using any standard text editor like Notepad in Windows and gedit in Linux.
prefs.js is the main preferences file in Firefox which stores all the data which is defined by about:config window.
userChrome.css file is used to show various elements in Firefox UI. It is stored in a sub-folder called chrome in your profile folder. This file doesn't exist by default, so you'll need to create it. You'll find an example file called "userChrome-example.css" existing by default in the same folder. Just rename the file and remove the "-example" text from its name.
userContent.css file is used to define web page content. Similar to userChrome.css file, this file is also stored in sub-folder chrome in your profile folder. This file also doesn't exist by default, so again you'll need to create it. Similar to userChrome.css file, you'll find an example file called "userContent-example.css" existing by default in same folder. Rename the file and remove the "-example" text from its name.
Now the question comes what is this Firefox profile folder and where is it stored? Firefox saves all your personalized settings in profile folder and you can find the folder in following location:
Windows 2000, XP, Vista, Windows 7, Windows 8, Server 2003 and Server 2008:
Here xxxxxxxx is a random string of characters. Just type "%appdata%" in RUN or start menu search box and press Enter. It'll open the folder and then you can follow the above mentioned path.
Windows 95, 98, Me:
Mac OS X:
Alternatively, you can directly open Firefox profile folder using following steps:
- Click on Firefox orange button present at top-left corner of Firefox window and select Help -> Troubleshooting Information option. Or you can directly open it by typing about:support in addressbar.
- It'll open Troubleshooting Information page. Now just click on "Show Folder" button given next to "Profile Folder" label.
- It'll open Firefox profile folder directly.
So go ahead and start customizing Mozilla Firefox.