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.

http://your-mediawiki.com/index.php?title=MediaWiki:Common.css

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 {
position:relative;
font-size: 127%;
width: 900px;
margin-left:auto;
margin-right:auto;
padding: 0;
}
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve our Support Center:
Email Address
Optional, but our team may contact you for more information.
Like this Article?

Comments

Post a comment
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.
Staff
4,959 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

Post a Comment

Name:
Email Address:
Comment:
Are you a bot?
Submit

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

Write New!
Do you want to publish a tutorial to our support center?

News / Announcements

SSL Certficate Warnings
Updated 2014-04-14 11:34 am EST
Hits: 2233
Heartbleed 0-day OpenSSL security bug
Updated 2014-04-14 04:43 pm EST
Hits: 5665

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

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!