Thursday, September 5, 2013

How to Center Your Blogger Header

I ran into the problem today of centering the image for my header in Blogger since headers automatically go to the right. It's actually so easy! Here's what you need to do:

1. Click on Template:


2. Click on Customize and that will open your Blogger Template Designer:




3. Click on Advanced and scroll down until you see Add CSS:



4. Click on Add CSS:



5. To center your header using "Instead of Title and Description," copy and paste this code to your CSS:

 #header-inner img {
margin-left: auto;
margin-right: auto;

OR

6. To center your header "Behind Title and Description," copy and paste this code to your CSS:

  #header-inner {
margin-left: auto;
margin-right:auto;
}

7.  You will see a preview and if you are happy with it, be sure to hit Apply to Blog!

Pretty easy!! :)

No comments:

Post a Comment