Changing the CSS in MediaWiki

MediaWiki has a unique way of making style sheet changes. There is a MediaWiki:Common.css page built into the program that stores global CSS changes. Instead of editing the .css files directly on the server, you can edit the MediaWiki:Common.css file through your MediaWiki admin. Below are the steps to add custom CSS code to your MediaWiki site.

How to change the CSS in MediaWiki

  1. Log into MediaWiki.
  2. Go to the MediaWili:Common.php url MediaWiki

    Visit the following url. Make sure you change to your domain name.

    The CSS page should load MediaWiki

    You should see the page say, “/* CSS placed here will be applied to all skins */“. If you do not see this, then you are on the wrong page. Make sure you typed it correctly.

  3. Click Edit MediaWiki

    Click Edit towards the top left of the page..

  4. Add the CSS cdoe MediaWiki

    On the “Editing MediaWiki:Common.css“, add the code you want to change the style for. In this example, we will change the font of the entire site to “Courier New“.

    Click Save Page.

    View of CSS change MediaWiki

    The CSS change will apply globally to the MediaWiki site. The image to the right shows the font change to “Courier New“.

Was this article helpful? Join the conversation!