| A. First try making the image the right size |
|---|
| To center image in the header, use a photo program to resize the width of the image to fit the size of the header. 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; } |
| B. 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; 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. Selection A would then be the better choice. #wrap { margin: 10px auto 0px; padding: 0px 5px; width: 1000px; text-align:left; } |
Hopefully you made a safety copy of your template before you started monkeying with the code or making any changes--you know, in case all hell breaks loose and you need to rescue yourself!
hi there,
ReplyDeleteI have now pasted the groups code at the very end of the 'edit html' page and as you can see it is in the bottom left corner. Do you think it is possible to bring it to the sidebar on the right, to where the links are, for example?
Many thanks, once again.
thank you.
ReplyDelete