InMotion Hosting Support Center

Changing the logo in MediaWiki is done differently than other programs. Where some programs, like WordPress for example, have the appearance section where the logo can be uploaded to the server, the MediaWiki logo is uploaded directly on the server.

The image type MediaWiki uses for the logo by default is the .PNG file format. This allows the image to have a transparent background. If you want to change the logo to an image that has a background that is not transparent, the background color will need to be set to the correct color.

The Default image size and background color for the Vector logo are shown below. These will be needed to properly set the background color and image size.

  • Background color - #f6f6f6
  • Logo image size - 135px x 135px

Original Logo  shown on the page before changing itAlthough this article explains how to change the logo in MediaWiki, how to create and edit the logo is not the scope of this tutorial. To explain the process of changing the logo in MediaWiki, the Vector skin will be used. The image to the right shows the default Vector image looks like on the page.

In this article, we will change the original logo and upload a new logo. For an example, to help with the tutorial process, the original logo will be changed to the new logo shown below.

Original Logo New Logo
Original Wiki Logo fo Vector skin New custom logo for mediawiki

Uploading a custom logo for MediaWiki

  1. Login to your cPanel
  2. Go to the Files > File Manager on your server.
  3. Select the directory for your MediaWiki installations and click Go.
  4. Navigate to the following directory (Where "yourwiki"is the folder for your MediaWiki site):


    Note! If the wiki.png is not the logo that is used for your MediaWiki, you can find the path to the logo by going to the LocalSettings.php. Open the LocalSettings.php file in the code editor and find the line with the $wgLogo code. See the image below.
    Finding the path for the logo in MediaWiki

    The directory will be based off the skins folder so the location will look like the following path:


  5. Download the image to your local computer from the /skins/common/images/ directory through the File manager.
  6. Edit the image with an editor like Photoshop or Gimp.

    The .PNG file format will retain the transparency and is what the path referances in the image link, so you will want to keep that file format.

    Editing the original image will keep the correct file resolution and dimensions of the image.

  7. The MediaWiki site with the new logoOnce done editing the image, rename the original wiki.png image on the server.

    Upload the new image to the /skins/common/images/ directory.

    You may need to clear your browser cache for the change to be seen. After uploading the image, view you MediaWiki site. Now you should see  the new logo will display similar to the image to the right.

Was this article helpful?
Continued Education in Course 103: Changing the MediaWiki appearance
You are viewing Section 2: How to change the logo in MediaWiki
Section 1: How to change MediaWiki skins
Section 3: Editing the Footer in MediaWiki

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

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

Post a Comment

Email Address:
Phone Number:

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

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