Just give your new image the same name as the current one and replace the old one with the new one in the same directory. If the new image is a different size than the original image, you’ll have to make an adjstment in the CSS file under the “header” category.
DB~
Hi
Need help please.
My new blog is at:
http://crazyaboutwesties.com/westieblog/
I have tried to replace the current header with the header at:
http://crazyaboutwesties.com.
As you can see the header at:
http://crazyaboutwesties.com/westieblog/
does not look right.
Can you tell me what I have done wrong and how I can fix this.
Jeff
Since your original header image is defined in the style.css file (llok for #header) – you replace it there. And after that delete the code you added to the header.php.
Hi Moshu
Thank you for replying. It is very much appreciated.
I went to the style.css file and in the header I have:
#header {
margin: 0;
padding: 20px 0 0 1em;
border-bottom: 1px solid #ebebeb;
background: #fff url(img/header.jpg) no-repeat top;
height:60px;
What do I replace and with what?
My image path is:
http://www.crazyaboutwesties.com/templates/myfirsttemplate/images/header.jpg
Look forward to your valued reply
Jeff
1. WP doesn’t recognize /templates/myfirsttemplate and stuff like that!
2. Your theme’s header is here:
http://crazyaboutwesties.com/westieblog/wp-content/themes/ShadedGrey/img/header.jpg
Which means you either
a) replace that image with yours
b) name yours something else (e.g. my-fantastic.header.jpg) and in the stylesheet you put:
background: #fff url(img/my-fantastic-header.jpg) no-repeat top;
3. Of course, you should upload your picture exactly in the same location where the original is/was.
HiMoshu
Thank you kindly for all your valued help.
I followed your instructions and as you can see at:
http://www.crazyaboutwesties.com/westieblog/
it has worked, only for one thing. How do I get rid of the “Crazy About Westies” text
Kind regards
Jeff
IN the stylesheet to the
#header h1 {...}
portion add this line:
display: none;
Hi Moshu
Just to clarify:
Do I add it as follows:
#header h1 { display: none;
margin: 0;
font-size: 1.4em;
color: #333;
word-spacing: 1px;
}
Thank you again for all your help
Jeff
It’s fine any way, as long as it’s inside the {..}.
BTW, do not copy text into your blog (especially using the wysiwyg monster) from other applications that have line breaks. It looks ugly 🙁
Hi Moshu
Thak you kindly for all your valued help in getting this problem resolved
Jeff
Then mark it as “resolved” (up below the title).
Happy blogging!
