Jan 13, 2013

Centering Blog Header Image

How to center your header image.


By default, Blogger aligns your header image to the left. But some might want their images to be centered. There are a couple ways to accomplish this depending on how you've setup your header.

If your header is set to "Behind title and description"

Add the following code to your CSS:

1
2
3
4
#header-inner {
    background-position: center !important;
    width: auto !important;
}

If your header is set to "Instead of title and description" or "Have a description placed after the image"

Add the following code to your CSS:

1
2
3
#header-inner img {
    margin: 0 auto !important;
}

0 comments:

Post a Comment