Help:Personal CSS and JS

Through personal CSS and JavaScript, you can change the way Fandom looks and behaves. Things like fonts, colors, and positions of page elements can be altered. However, it will only affect the way that you see Fandom when you're logged into your account, and you have to make alterations to a few, specific user pages, as well as one account preference.

CSS
To customize how the site looks for you using CSS, create and edit Special:MyPage/global.css on UCP.fandom.com (for UCP wikis) or Special:MyPage/global.css on Community Central (for legacy wikis). This will apply the changes wherever you go on Fandom.

If you want to apply personal CSS on just one community, visit Special:MyPage/common.css on that community.

JavaScript

 * You must manually enable personal JS in your preferences before you'll be able to see the effects of changing your personal JS. Please understand the implications of turning the feature on by reading all the notes below. The option can be found on the Under the Hood tab, under Advanced display options.

To customize how site looks for you using JS, create and edit Special:MyPage/global.js on UCP.fandom.com for UCP wikis, or Special:MyPage/global.js on Community Central for legacy wikis. This will apply the changes wherever you go on Fandom.

If you want to apply personal JS on just one community, visit Special:MyPage/common.js on that community.


 * Before enabling personal JS on your account for the first time, please double-check any existing personal JS you have and make sure you are happy with it.
 * JS errors can break basic functionality - be careful! (But there may be an easy way out!)
 * Please avoid including JS that you do not understand and don't import from sources that you do not fully trust or that are not secure.
 * Fandom cannot be held responsible for any issues that occur as a result from the use of personal JS. It is your responsibility to maintain your personal JS (and CSS).
 * Note that "personal JS" pages are currently considered to be: /global.js (on Community Central only), /common.js, /wikia.js, and /chat.js (for legacy wikis only).

Additional notes

 * Personal CSS and JS pages are best edited in the source editor.
 * As noted on the customization policy, personal CSS and JS is an area in which you can make any tweaks you like (so long as they do not adversely affect any other users).
 * Only account owners can edit their own CSS and JS pages - other users on a community, including admins, cannot edit another user's personal CSS and JS pages.
 * You can also target specific communities in your global CSS and JS:
 * CSS: a wiki-specific class is available on the  tag, based on the database name of a community. The format is:.
 * JS: the  (database name) variable can be used to target a community.

Troubleshooting
If your view of Fandom gets weird, there's an easy way to test whether it's your personal code causing the problem.

On UCP wikis, add ?safemode=1 to the end of your current URL.

On legacy wikis, add ?useusercss=0 or ?useuserjs=0. ?useusercss=0 temporarily removes all styles applied into your personal stylesheet(s), and ?useuserjs=0 temporarily removes all scripts applied into your personal JavaScript page(s).

(The same can be done with community CSS and JS for individual wikis, using ?usesitecss=0 or ?usesitejs=0.)

Further help and feedback
ca:Ajuda:Estil d'usuari de:Hilfe:Persönliches CSS und JS es:Ayuda:CSS y JS personal fi:Ohje:Henkilökohtainen CSS ja JavaScript fr:Aide:CSS et JS personnels it:Aiuto:CSS e JS personali ja:ヘルプ:個人用CSSとJavaScript ko:도움말:사용자 스타일 pl:Pomoc:Osobiste CSS i JS pt:Ajuda:CSS e JS pessoal ru:Справка:Персональный CSS и JavaScript tr:Yardım:Kişisel CSS ve JS uk:Довідка:Персональний CSS і JavaScript vi:Trợ giúp:CSS và JS cá nhân zh:Help:個人CSS與JS