Changing the CSS in MediaWiki

Written by James Richardson

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 MediaWikiVisit the following url. Make sure you change your-mediawiki.com to your domain name. 
    http://your-mediawiki.com/index.php?title=MediaWiki:Common.css

    The CSS page should load MediaWikiYou 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 MediaWikiClick Edit towards the top left of the page..
  4. Add the CSS cdoe MediaWikiOn 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 MediaWikiThe CSS change will apply globally to the MediaWiki site. The image to the right shows the font change to "Courier New".

Like this Article?

Login to comment.

Support Center Login

Changing the MediaWiki appearance

Themes, templates, and skins

1. How to change MediaWiki skins
2. How to change the logo in MediaWiki
3. Editing the Footer in MediaWiki
4. Inserting a slideshow in MediaWiki
5. Changing the CSS in MediaWiki

Your Opinion Matters

... but we need to know what you're thinking!

I'm James Richardson, your friendly Community Support technician, and I wrote the article you're looking at now. I like to think it's perfect, but I'm sure you have some suggestions. Please, let me know what they are!

Feedback
Your Email Address
Because we'd like to talk with you!

Latest Questions

If you need some help, submit your question to our Community!
We guarantee a response within 60 minutes (8am - 9pm EST, Monday - Friday)
Ask a Question!
Recent Questions
  1. Cpanel license is expired
  2. How do I provide a truly secure FTP site for my client to upload files with sensitive data (PHI - Personal Health Information, as referred to by HIPAA)?
  3. styles are not rendering on initial page load
Browse other questions

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!