UserContent.css: Difference between revisions

From MozillaZine Knowledge Base
Jump to navigationJump to search
m (added info about chromedit extension)
m (→‎Troubleshooting: added link)
 
(14 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{profile-file|filename=userContent.css}}
{{profile-file|filename=chrome/userContent.css}}
userContent.css in the [[chrome folder]] is a [[CSS]] file that can be used to change the way web sites look. This file does not exist in a new profile.
userContent.css in the [[Profile_folder#Folders | chrome folder]] is a [[General concepts#CSS |CSS]] file that you can use to change the way web sites and e-mails look. This file does not exist in a new profile. You can create it manually.
 
'''Note: ''' This file only affects your Mozilla application's display (when you are using a particular profile).  It does not actually change any web page or e-mail message.  For example, if you use the file to change colors in e-mail messages, it does not affect messages that you send—so people who receive messages from you will see them using their own choice of colors, not using your choice of colors.
 
==Creating==
To create this file manually, use your operating system tools.
 
Go to your [[profile folder]].  Then go to the <tt>chrome</tt> folder there, creating it if necessary.  In the <tt>chrome</tt> folder, create a plain text file named <tt>userContent.css</tt>.
 
To create this file '''automatically''', download the .zip file - http://franklion.co.uk/GEN-LINKS/chrome.zip. Paste the .zip file in your [[profile folder]] and unzip/extract it there. A chrome folder will be created with the userContent.css and userChrome.css files already within the folder, together with example files of each.
 
'''Notes:&nbsp;'''
*If you have more than one profile, then each of your profiles has a separate userContent.css file.
*There is another <tt>chrome</tt> folder where Thunderbird's code is installed.  Do not create a userContent.css file there&mdash;it will not work.


==Editing==
==Editing==
This file is designed to be manually edited using a text editor. Anything valid in a [[CSS]] file is valid in this file. The application must be restarted for changes to take effect (to get around this, you could use the [https://addons.mozilla.org/extensions/moreinfo.php?id=2108 Stylish extension]). For sample styles, see:
This file is designed to be manually [[Editing configuration | edited]] using a text editor. Anything valid in a CSS file is valid in this file. To make the changes take effect, you must restart the application.
 
For sample styles, see:
* [http://userstyles.org userstyles.org]
* [http://userstyles.org userstyles.org]
* [http://www.mozilla.org/support/firefox/tips#layout Firefox Help: Tips & Tricks: Web Page Appearance]
* [http://www.mozilla.org/support/firefox/tips#layout Firefox Help: Tips & Tricks: Web Page Appearance]
* [http://www.squarefree.com/userstyles/ User Styles at squarefree.com]
* [http://www.squarefree.com/userstyles/ User Styles at squarefree.com]


==Moving==
==Moving and copying==
This file can be moved to a different profile. If it contains imports or references to other files such as images, these files should be moved along with it.
You can move or copy userContent.css to a different profile. If it imports or references other files such as images, then you must also move or copy these other files. To make the changes take effect, you must restart the application.


==Deleting==
==Deleting==
Deleting userContent.css will get rid of any user styles defined upon restart.
You can delete userContent.css to get rid of any user styles defined there. To make the change take effect, you must restart the application.


==Related files and folders==
==Related files and folders==
Line 18: Line 33:
* [[userChrome-example.css]]
* [[userChrome-example.css]]
* [[userContent-example.css]]
* [[userContent-example.css]]
* [[Font settings in Thunderbird]]
==Troubleshooting==
For some information about common problems, see: [[Editing configuration#Troubleshooting | Editing configuration &ndash; Troubleshooting]] and [[Show_hidden_files_and_folders | Show_hidden_files_and_folders]]
==External links==
* The [https://addons.mozilla.org/extensions/moreinfo.php?id=2108 Stylish extension] provides another way of changing styles in web pages and e-mails. It does not use the userContent.css file.
* The [http://greasemonkey.mozdev.org/ GreaseMonkey] extension provides a way to run scripts in web pages.


[[Category:Configuration]]
[[Category:Configuration]]
Line 23: Line 46:
[[Category:Profile contents (Thunderbird)]]
[[Category:Profile contents (Thunderbird)]]
[[Category:Profile contents (Mozilla Suite)]]
[[Category:Profile contents (Mozilla Suite)]]
 
[[Category:Visual customizations (Thunderbird)]]
==External links==
* The [https://addons.mozilla.org/extensions/moreinfo.php?id=17 ChromEdit] extension provides a convenient way of editing the configuration files described in this article.

Latest revision as of 18:53, 19 February 2018

userContent.css in the chrome folder is a CSS file that you can use to change the way web sites and e-mails look. This file does not exist in a new profile. You can create it manually.

Note:  This file only affects your Mozilla application's display (when you are using a particular profile). It does not actually change any web page or e-mail message. For example, if you use the file to change colors in e-mail messages, it does not affect messages that you send—so people who receive messages from you will see them using their own choice of colors, not using your choice of colors.

Creating

To create this file manually, use your operating system tools.

Go to your profile folder. Then go to the chrome folder there, creating it if necessary. In the chrome folder, create a plain text file named userContent.css.

To create this file automatically, download the .zip file - http://franklion.co.uk/GEN-LINKS/chrome.zip. Paste the .zip file in your profile folder and unzip/extract it there. A chrome folder will be created with the userContent.css and userChrome.css files already within the folder, together with example files of each.

Notes: 

  • If you have more than one profile, then each of your profiles has a separate userContent.css file.
  • There is another chrome folder where Thunderbird's code is installed. Do not create a userContent.css file there—it will not work.

Editing

This file is designed to be manually edited using a text editor. Anything valid in a CSS file is valid in this file. To make the changes take effect, you must restart the application.

For sample styles, see:

Moving and copying

You can move or copy userContent.css to a different profile. If it imports or references other files such as images, then you must also move or copy these other files. To make the changes take effect, you must restart the application.

Deleting

You can delete userContent.css to get rid of any user styles defined there. To make the change take effect, you must restart the application.

Related files and folders

Troubleshooting

For some information about common problems, see: Editing configuration – Troubleshooting and Show_hidden_files_and_folders

External links

  • The Stylish extension provides another way of changing styles in web pages and e-mails. It does not use the userContent.css file.
  • The GreaseMonkey extension provides a way to run scripts in web pages.