Get Adobe Flash player

Changing Your WordPress Header Background

A simple way to customize your WordPress theme is to change your header background.
This is a simple process as most themes are design in a way that make this easy.

I will assume you know how to upload an image to your server.
So go ahead and upload that new header image to your themes image folder. For you new to wordpress that will be found in “wp-content/themes/yourtheme/images”.

Your image is upload now you must edit your themes style.css file.
This is where you will be able to edit your header image in most themes. Some themes you will have to dig deeper for the right file.
We are going to edit this file directly from the wordpress admin area.
In your admin under Appearance select Editor. One the Editor page your style sheet should be already opened but if for some reason it is not. Look to the right menu and select style.css

I recommend you click the coded area and select all then copy and paste this code into a text document and save it. If anything goes wrong you can open that document and copy the original back into the file in your admin to set things back to normal.

In the coded area locate the text that looks similar to this,

background-image: url(‘images/Header.jpg’);

Some minor variations will be in different themes but once you see it you will most likely recognize it.
Here the header image is named Header.jpg and found in the images folder of your theme. As you have already uploaded the image you want to use just replace the Header.jpg with your new image and click Update File.
That’s it, go to your home page and your theme should now display your new header image. Some time you may need to refresh your page a few times or close your browser and reopen to view the change you made.

  • Share/Bookmark

One Response to “Changing Your WordPress Header Background”

Leave a Reply

Welcome
I bet I don't have to tell you what we do. The name says it all. We customize Blogs. That's right. We take that theme you got from wordpress and make it look just the way you want it.
Advertisement