Community CSS and JavaScript allows local administrators to customize how their wiki looks and behaves for visitors, beyond the abilities provided by the Theme Designer.
If you plan on doing this, please be aware of FANDOM's policy on allowed customizations and the Terms of Use. Note that CSS and JS customizations cannot be applied to the mobile skin.
CSS
Editing a dark-themed community's CSS
To customize your community's CSS, simply edit MediaWiki:Wikia.css. You can also access this page from the Admin Dashboard via the 'CSS' link.
Each week we release notes on upcoming changes that might affect your community's customizations: Technical Update blog posts
The Community Central Designing Your Wikia forum board is a great place to get help from other users, if needed. See also this webinar to learn more about custom community CSS.
Common.css
MediaWiki:Common.css and MediaWiki:Wikia.css are both used for FANDOM's layout, but they may be consolidated in the future.
JavaScript
Before you can edit your community's JS, you must ask FANDOM to turn it on for you. After it's enabled, you'll probably want to edit the main JS page, MediaWiki:Common.js. Whatever is there will be loaded for all visitors to your community, whether they're logged in or not. So be aware of the following:
- For security reasons, edits to community JS must go through an approval process.
- JS errors can break basic functionality on your community. Please be careful to avoid introducing errors.
- Please do not include JS that you do not understand, nor import from sources that you do not fully trust. Additionally, do not import JS from personal JS pages, or from insecure pages.
- A number of common scripts are stored at FANDOM's Open Source Code Library and can be added to your wiki using ImportJS. Using ImportJS bypasses the need for the review process.
See also
- Help:CSS best practices - some best practice suggestions for CSS customization
- Help:Personal CSS and JS - creating customizations that only affect you
- Help:Advanced CSS and JS - more info for those delving further into the world of CSS and JS editing
- Help:CSS and JS customization - the hub page for all CSS and JS details
Further help and feedback
- Browse and search other help pages at Help:Contents
- Check Fandom Community Central for sources of further help and support
- Check Contacting Fandom for how to report any errors or unclear steps in this article