Header Alignment

[Amesbury]

I am just building my site and my header image is not centered. It's aligned with the top of the page for some reason. I followed the same size as requested.

How do I get it to lie in the center?

http://www.daybluedesigns.com/newsite

[Charlie]

OK I think I've got this. There's a few changes to make to your stylesheet.

We're going to move the logo background image down by 27px using absolute positioning:

#header {
    background: url("http://daybluedesigns.com/newsite/wp-content/uploads/2013/03/header1.png") no-repeat scroll center 27px transparent;
}

Then we're going to increase the min-height of the header to accommodate the size of the image:

#header {
    margin: 0 auto;
    min-height: 167px;
    width: 1140px;
}

That's it!

[Amesbury]

Thanks Charlie!

I get what we're doing, but where does the first piece of code go? Is it replacing this:
#wrap {
background: url(images/bg-header.jpg) repeat-x top;
margin: 0;
padding: 0;
}

or going in as new content?

[Author]

Posts