From Spaces to WordPress step by step. Give yourself a new header.

12. Adding a Custom Header.

One of the features often requested on Windows Live Spaces was the ability to add your own header to your Space. On WordPress, most of the available themes allow you to do just that, so this how-to takes you through how to add your own header to your blog. To illustrate how to add a header, I’m going to use my testing blog on here which at the moment is using the Elegant Grunge theme.  To tie in with that theme, I am going to add a Grungy type header so first of all, I need to grab a free background that is both darkish and grungy. I do this by simply doing a search using either Bing or Google to find that type of background to use for my header.

1. Whatever picture,background or photo you decide to use for your new header, the method used is exactly the same. Go to your Dashboard and then click on Appearance from the left hand side Menu sidebar.

Adding a new header

2. Next click on Header from the list under Appearance. You will then be in the Custom Header page.

3. Click on Choose File to access your photo or background from your computer files and then click on Upload. when you have chosen your picture or background.

Choose your file for header

4. Once your chosen photo or file has been uploaded, you are invited to Crop it to the size set by your chosen theme. Simply left click your mouse button to move the dotted area around your chosen header until you are happy with it, and then click on Crop and Publish.

Crop your new header

5. The familiar Yellow box at the top  will inform you that your Header has been updated and invite you to visit your site to check how it all looks.

Obviously if the Title font is part of the Header in your chosen theme, and the original Header text was light in colour it won’t show up if you have chosen a fairly light coloured header. So you may have to alter the colour of your Header text in order to allow it to be seen against your new Custom Header.

Header text not showing clearly

6. To do this, under the title Header Text, you will see listed Text Colour. Click on the Select a Colour tab.

7. From the colour wheel, click on a colour that is much darker (or lighter if you have chosen a very dark Custom Header) and once you are happy with your new Header text colour, click on Save Changes. Here is my new Custom header for my testing blog.

My New Header in Place

And that’s about it! My other post on exactly the same subject is also available at so take a look at that as well.

TG  Next post we’ll add a new background to our Theme.


About technogran
A granny and a geek? You bet! Still trying desperately to keep up with it all.

7 Responses to From Spaces to WordPress step by step. Give yourself a new header.

  1. Beth Marie says:

    Thank you so much for this!

  2. Gerry says:

    Hi TG, This was another very helpful post. I think that the Windows Live Solution Center should be sending all their confused former Spaces users to all the posts you’ve written on moving to WP. There are still some unhappy people complaining over there.

  3. technogran1 says:

    I will go and take a look Gerry. We are to have a discussion about it tonight (the move to WordPress) so I will be stating the feedback and my thoughts on the subject. Thanks for the heads up about it.

  4. Pingback: Geek Squeaks’ of the Week (#84) « What's On My PC

  5. Michiko says:

    Thank you so much for help, I used my photo to new header.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: