Topic on Project:Support desk

91.125.199.187 (talkcontribs)

Using Mediawiki 1.23.2 MyPhP: 4.1.12 MySQL: 5.6.16 Skin: Vector How can I move my logo further to the left? At the moment it sits sort of north-east of the sidebar (instead of directly above it) and is partially covered by the main text area. Please can you make the steps simple as I am not a computer coder! Many thanks.

88.130.71.81 (talkcontribs)

Hi!

Two options:

1) Edit the page MediaWiki:<skinname>.css, e.g. MediaWiki:Vector.css in your wiki and add one or two lines of CSS code, which move the logo a bit to the side. Problem: Will no longer fit, if you change the logo file later.

Second and better solution: The logo is expected to be exactly 135 x 135 pixels, not bigger and not smaller. See Manual:$wgLogo! Adjust your logo file to fit these measures and it should fit as well!

80.229.177.100 (talkcontribs)

1) What is the CSS code I would need to move the logo? I'm not a computer programmer so would appreciate the exact syntax please.

2) How do I find out how many pixels the logo is?

Many thanks

88.130.71.81 (talkcontribs)

What you really want to do is change the logo file. You find the logo at that place, which you have defined as $wgLogo in LocalSettings.php.

80.229.177.100 (talkcontribs)

I know where the logo file is and its called logo.png. What do I do now to change the position of the image on the page? You mentioned earlier about adding some CSS code. What is the code I need to add?

88.130.88.26 (talkcontribs)

You can move the logo by defining a smaller or a negative value for its left positioning like so:

#p-logo {
    left: -0.5em;
}

Default is +0.5em.

However, I really advice you against doing so: This will for example break again, should you one day decide to choose another skin. The proper solution actually is to use a logo in the correct size.

80.229.177.100 (talkcontribs)

Okay understood. How can I find out the size of my logo and how do I make it exactly 135x135 pixels?

88.130.122.242 (talkcontribs)

Download the logo from your server and edit it with any image processing programme you like! Afterwards overwrite the old version of the file on the server.

Reply to "Move the logo"