Where is userChrome.css?

I am using Firefox 12 with Windows 7.

Here it is recommended that I can use the userChrome.css file to make custom styles.

However neither the file nor the chrome parent folder seem to exist on my system.

For clarity, what would be a full example path to this file? Something like

C:\Users\Steven\AppData\...\<profile>\chrome\userChrome.css

My confusion was between the AppData\Roaming and AppData\Local.

AppData\Roaming is the Firefox User Profile Directory

AppData\Local is the Firefox Temporary Directory

So the full path is

C:\Users\Steven\AppData\Roaming\Mozilla\Firefox\Profiles\<profile>\chrome\userChrome.css

developer.mozilla.org/en/Runtime_Directories

In Firefox you can also click Help, Troubleshooting Information, Show Folder

Yes. That path is correct. If the chrome folder or userChrome.css do not exist, you can simply create them yourself. For any changes to be applied, you must first restart Firefox. For this reason, I recommend the Stylish add-on, as it is more flexible.

For Windows 7, the default path is:

%AppData%\Mozilla\Firefox\Profiles\<profile>\chrome\userChrome.css

Note: I have chosen to use the AppData environment variable, as the full path can vary based on your system's configuration. If you installed Windows 7 on the C: drive and your home folder is C:\Users\<user>, then %AppData% expands to:

C:\Users\<user>\AppData\Roaming