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

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.