InMotion Hosting Support Center

In this article we'll show you the basics on how you can get started with editing skins in mediawiki.

To edit the look and feel of the your mediawiki, you'll need to edit the css file of the current skin you're using. In this example, we'll edit the monobook theme, which is the default theme. The CSS file can be updated by going to the MediaWiki:Common.css CCS location in MediaWiki. You can visit it by go to the similar url below.

How do I change the width of the entire page and center it?

The default page width takes up 100% of the screen, and does so because of the following code in the MediaWiki:Common.css file:
#globalWrapper {
font-size: 127%;
width: 100%;
margin: 0; padding: 0;}

If you want the content of the page to take up 900px and be centered on the screen, make the following adjustments:
#globalWrapper {
font-size: 127%;
width: 900px;
padding: 0;
Was this article helpful?

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Support Center Login

Our Login page has moved. Please click the button below to be redirected to the login page.

5,889 Points
2013-02-25 11:15 am
Thank yo for pointing that out BewareofDoug!
I updated the article and will have another article explaining what you said in depth. Thanks for the feedback.

Best Regards,
James R
2013-02-24 2:36 pm
This is [u]NOT[/u] the right way to make changes to mediawiki skins. You should either create a custom skin or make changes to the MediaWiki page MediaWiki:Common.css. The latter is preferred. Changes to main.css are both wrong headed changes to core and will be overwritten by upgrades!

Normal CSS changes should be made in the Common.css, if you want to change a single skin, you make the changes in, for example, MediaWiki:Monobook.css, NOT the monobook file. If you want to design an entirely new skin then you may be creating a new main.css as part of the process but you need to keep this completely separate from the css files that are part of the standard skins.

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

2 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


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:
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!