#Mediawiki common.css how to
#Mediawiki common.css code
#Mediawiki common.css download

Avoid pasting the same JS in multiple files as it will likely conflict and cause confusing errors for you and other visitors.Ĭustom CSS and JS can be temporarily disabled using the following commands.

#Mediawiki common.css code

Make sure to write the code in such a fashion that a particular piece of code runs only once. Many scripts can have problems if they are run multiple times on the same page. To get an idea of some scripts others have written that you might find useful or would like to try, take a look at the list of JS Enhancements on the Fandom Developers Wiki. Debugging your code means that the code will almost 100% guarantee the load of the recently added script(s) and/or stylesheet(s). If bypassing your cache doesn't work, you can try debugging your code by adding ?debug=1 at the end of the URL of any page. It may take a while before your changes to take effect unless you bypass your cache. Normally that's great because it reduces traffic both for your own device and for Fandom's servers, but it can be a problem when it comes to testing design changes.

#Mediawiki common.css download

But !important should be avoided when possible by use of specific (even overly specific) CSS selectors.Įvery file you download from the internet gets cached. That means that declarations made at the top of a page can be overridden by ones at the bottom.ĭue to CSS load orders, you may sometimes need to make use of the !important property to ensure a CSS rule is applied.

Imported scripts through Fandomdesktop.jsįinally, remember the obvious: pages load from top to bottom.

Because ImportJS loads last, you can put your customization of a Dev Wiki script in Common.js or Fandomdesktop.js, but have the import of the script itself in ImportJS.

#Mediawiki common.css how to

It also critically means that if you're importing CSS or fonts - and your wiki has both Common.css and Fandomdesktop.css - those imports need to be at the very top of Common.css.įor JS, load order is especially important when considering how to best use MediaWiki:ImportJS. And because personal CSS is last, whatever you put there always overrides the local wiki's choices. get ( 'wgPageName' )) in Fandomdesktop.css, the. In MediaWiki:Common.js, use a switch to apply JavaScript to certain pages: page-, where spaces, colons, and other special characters are replaced by underscores. For example, on this help page, the class is. The HTML element on articles includes a unique identifier based on the name of the page. If you're planning to write some JavaScript for your community, you'll need to ask for it to be turned on by contacting Fandom Support, and familiarize yourself with the JavaScript review process. 2 Applying CSS and JS to specific communitiesĬreating some custom code for your community or for your own account? This page goes a little further than our overview page to give you some helpful details.īefore you get started, though, you'll want to check out which pages can be used for customization.