The width of your header image is smaller than your blog content so the image repeats to fill the frame.
You can either upload another image header with the width matching your blog, or resize your blog width to match the header image.
Or find the css for it at line 152 in your style.css and add “no-repeat” as below:
#header
{
width: 900px;
height: 205px;
background-image: url(images/header.jpg) no-repeat;
}
Some reason I can’t edit my CSS through the wordpress dashboard, it says
“If this file were writable you could edit it.”
Try using your FTP client. You should be able to edit through it.
The reason you can’t edit it through your dashboard is because the permissions are not set correctly for it. This is a good thing. If you have to, download the CSS file, edit it, and upload it back to your site.
It still repeats, I put that code in just like it says, still did it. I made the header the exact size it spost to be, and still it does it. This is realy starting to piss me off. Anymore ideas would be great!!
http://www.terpsblog.com
Well… You did not add the no-repeat bit. I just looked at your stylesheet and it is not here.
(and seemingly the image is smaller than the header div, but that shouldn’t matter)
I put my my CSS back to orginal after the no-repeat diden’t work.
In this case nobody is able to check it. Are you sure you didn’t see a cached version?
Alright, I just added the the no-repeat in the coding, and when I do that it keeps taking the header away all together, just makes the header are grey, can you see if I did the coding correctly?
Anybody? I would realy like to get this fix so I can start blogging. I don’t know where else to get help for this.
Sorry for keep bumping this back to the top, but can please somebody freaken help me!!!! I’m getten ready to throw my computer through the window, I been tryen to get a damn header up for 3 days now.
Recap
I used a 900×200 header like it said, and it keeps doubling the pictures up, then when I put in the no-repeat code, it takes the header away altogether. http://www.terpsblog.com
Currently you have this (line 148):
#header
{
width: 900px;
height: 205px;
}
No background image at all…
maybe try this:
#header
{
width: 900px;
height: 205px;
background-image: url(header.jpg);
background-repeat: no-repeat;
}
For easier troubleshooting, install FF + Web Developer plugin (for firefox).
