Forums

How to change header image?

Permalink
I'm puzzled. I've installed an Anther theme and want to change the header image. The default image is set in the CSS as a background image:
#header {
   width: 960px;
   height: 240px;
   margin: 0 auto;
   background: url(images/img03.jpg) no-repeat right bottom;
}

Now, I've created my own image of the same size and called it 'img05.jpg', put it in the same '/images' folder as the default 'img03.jpg' and changed the CSS to 
#header {
   width: 960px;
   height: 240px;
   margin: 0 auto;
   background: url(images/img05.jpg) no-repeat right bottom;
}

then refreshed the page and the header image simply disappeared. Changed it back to '03' - it appeard, back to '05' - disappeared. What the?! I thought it was that simple. Am I missing anything?
linuxoid
 
JRick replied on at Permalink Reply
JRick
I have found that in some themes you may have to change it on the style.css also or in other files. I just found it easier to rename the original image eg. image03.jpg to image03a.jpg, allowing you to keep the original image in there and then the new image I am using to replace the original I simply would name image03.jpg. That way if you have instances of that image being called in other files/folders you don't have to go searching around for all of them.

Hope that helped