To customize your community's CSS, simply edit MediaWiki:Wikia.css. This will send you to Special:CSS, allowing you to tweak your community's design. You can also access this page from the Admin Dashboard.
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.
Note: if you want to target the Monobook skin, edit MediaWiki:Monobook.css.
- On all wikias created after July 2014
- MediaWiki:Common.css is loaded for the main Wikia skin and Monobook. The contents will applied before MediaWiki:Wikia.css and MediaWiki:Monobook.css. For most communities this doesn't matter, but if you use
@importrules (like for importing custom fonts), it is best they are added to the top of MediaWiki:Common.css.
- On most wikias created before July 2014
- MediaWiki:Common.css is loaded for the Monobook skin but not the main Wikia skin. If you want to use MediaWiki:Common.css to create rules for both the Wikia and Monobook skins, ask Wikia Staff to enable this. If you do so, make sure to clean up any old CSS in MediaWiki:Common.css beforehand, otherwise it may cause unexpected effects.
To customize your community's JS, simply edit MediaWiki:Common.js. This code will be loaded for all visitors to your community.
- Editing of JS pages is temporarily disabled while Wikia performs a wide-ranging security review. Check Wikia's Technical Update blog posts for updates.
- 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.
- Do not import JS from personal JS pages, or from unsecure pages.
- If you want to target a specific skin, edit MediaWiki:Wikia.js for the default skin, and MediaWiki:Monobook.js for the Monobook skin.
- 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