skip to main | skip to sidebar
Tutorials
  • Home
  • Freebies
    • Backgrounds
    • Tutorials
  • Services
    • Custom Designs
    • Pricing
    • Gift Certificates
  • Portfolio
  • About
    • Contact
    • Blog
    • Terms of Use

How to center your header

1. In the Layout tab click on HTML Code

2. Type cntrl F and a little search box will pop up in the browser just above the blogger window. 

3. Type #header img into the search box.  It should pull up this bit of code. 

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

4.  Change that bit of code to this bit of code (copy and paste)

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
position: relative;
left: -15px;
}

You can adjust the centering by changing the -15px.  If you make the number smaller (-50) it will move to the left.  If you make the number larger (-5) it will move to the right.

UPDATE:  When trying to center your header this coding only works if you've selected "place instead of Title and Description".  Otherwise it fights other code that exists in your template and won't center the image.
Posted by Brooke Banta at 12:50 PM
Labels: Center your Header

1 comments:

Junaid

Thanks! It's really working. Do you have any idea to move description line of blog to the center. If you have time. Please check and tell me.
Regards:
Consistent Blogging

February 13, 2014 at 4:33 AM

Post a Comment

Newer Post

New Background Set Up

Tutorials

  • Blog Signature
  • Blogger Dictionary
  • Blogger Navbar
  • Center your Header
  • Customize page links
  • Design it yourself
  • Granting Admin Privileges
  • Installing Backgrounds
  • Installing Signatures
  • Matching Colors
  • Remove old backgrounds
  • Resizing Backgrounds

Search This Blog

 

Babbling Brooke Designs All rights reserved © 2012