The centering is pretty easy: add a style.
Template modifications require a Full Template Download first.
Dashboard, Manage:Layout, Edit Html, Download Full Template and you
will have a backup on your computer.
Changes are made right on that page, in the template editor.
Then find this style:
#header
After its closing }, add:
#header-inner img {margin:0 auto;}
It will look like this:
}
#header-inner img {margin:0 auto;}
#content-wrapper {
Save and view.
For the color, that's actually done with background images in:
#header-wrapper {
and,
#header {
There are a few ways to handle that area, one would be to replace
those backgrounds with the content-wrapper background and change the
header-wrapper padding to 0px:
#header-wrapper {
padding-bottom: 0px;
background: #f7f0e9 url(http://www.blogblog.com/thisaway_blue/
bg_main_wrapper.gif) repeat-y left top;
}
#header {
background: #f7f0e9 url(http://www.blogblog.com/thisaway_blue/
bg_main_wrapper.gif) repeat-y left top;
}
Note, the background is all on one line even though it wraps here. It
MUST be a continusous line for it to work.
Or you could try a solid color by changing the background lines to:
background-color: #62a2e9;
The best approach is to back up the template, center the image, view
the blog, then if that is good (check post pages as well), backup the
template in that configuration and work from there.
On Oct 10, 3:25 pm, bobbyn wrote:
> I've uploaded a pic for the top header thingee and it is not centered
> on the web page, and so looks funny - how do i fix this.
> Ideally i would like to just have it centered with no black to the
> left or right of it - is that doable and how?
> Thanks.
> http://bobbyfamilytree.blogspot.com/
> Bobby.
