Find Width of Header For New Image

Header Width

This will tell you places to look for the width of your header. The image you want to place there should not exceed that. You should use a photo program to alter the width of your image BEFORE you upload it to your photo host (whether Blogger or otherwise).

To find the width of the header

1. Click Template
2. Click Edit Html
3. Scroll down to the header,header-wrapper, or wrap code and look for the WIDTH parameter.
4. If not found, look for outer-wrapper and see it's width. It will look something like this :

#outer-wrapper {
width: 1000px;
}


Or you could adjust the same WIDTH in the template CSS

If you are unwilling to fuss with making your photo width match the width of the header, you could try this. You might find some code like the one above or this one below showing the #wrap; change the width of 100px to 900, 850, or so until it begins to look acceptable to you. Don't Save until then. If your photo just wasn't nearly wide enough, it may still look odd (short) to some eyes. Actually adjusting the width of your image in a photo program would then be the better choice.


Another possible location of header width:

#wrap {
margin: 10px auto 0px;
padding: 0px 5px;
width: 900px;
text-align:left;
}

END.

Read More...