WordPress: How to change the header image (logo)

NOTE: The header of your site will automatically display your site’s name if you do not have a header image. You can change the name of your site by going to the Settings > General page in your dashboard.

You can upload your own header image or logo from the WordPress Customizer options in Appearance > Customize

This will show the following options for uploading and displaying your image:

How do I change the spacing around the image?

You can change the margin at the top and bottom of your header image by using the options shown below:

Can I change the font?

You can change the font of the header text from the “Font Options” tab in the Customizer screen. We also have some extra font options in this guide.

What about the size of the image?

We recommend that the header image is no larger than 1000 pixels wide. The image can be any height you like.

Why does the image look blurry?

If you are using a device with a high resolution screen (e.g. iPad, Laptop) then you may notice that the image is blurry. To fix this, you should upload an image which double the size, then set the width using the option shown below:

For example, if you wanted to display the header image as 600 pixels wide, then you would upload an image which was 1200 pixels wide. Then set the option shown above to 600.

Article tags: logo, header, banner image, branding

Was this article helpful?

6 Comments

  1. Ali

    Hi,
    I’m interested in your Holly & Weave theme. The demo shows the text box in the header not center aligned. Can it be center aligned? Thanks.

    1. Phil (pipdig)

      Hi Ali, if the social icons are removed from the navbar then the menu items can be centered.

  2. Maurine

    Hi ! I want to separate the menu to the logo, is that possible ? (theme Blossom, preview 3)

  3. charlotte

    I have an issue with the Galvani template with the header size as its appearing way too small to the standard size when uploaded.
    Do you have recommended dimensions for this as the menu covers the header slightly?

    Thanks

    1. Phil (pipdig)

      Hi Charlotte, you can upload any sizes image, however an image of 1000 x 250 pixels is usually a good starting point. You can also add extra space above the image by using the options in the Customizer.

Leave a comment


The link to your website will be visible to support staff only. It will not be shown publicly.