Sunday, 9 October 2011

ADJUSTING & CENTERING HEADERS IN BLOGGER DESIGNER TEMPLATES


These tweaks are all easy - you don't even have to go into the html of your blog!

Just click on Design > Page Elements view, then click on Template Designer and scroll down to Advanced.


From there, scroll down to CSS Code and add the tweaks you want right into the white box on the right.


In each case, hit the Enter key or hit the spacebar, or the coding won't work (leave a line between each section of coding, and another after the final one). You'll see these activate immediately.

TO GET RID OF ANY COLOURED STRIP AT TOP (eg: Simple, Picture Book, Watermark):
Go to Template Designer > Advanced > CSS code and add this:
.body-fauxcolumn-outer .cap-top, .body-fauxcolumn-outer .cap-top .cap-left, .body-fauxcolumn-outer .fauxcolumn-inner, .body-fauxcolumn-outer div {
background: transparent;
}
.content-outer {
-moz-box-shadow: 0 0 ;
}

CENTER PAGES HEADER:
#header-inner img {
margin-left: auto;
margin-right: auto;
}


Now your custom header should be exactly where you want it!
your photo name

3 comments:

  1. Wow! It worked!! Thank you for sharing your knowledge!
    ReadWriteSing

    ReplyDelete
  2. Thank you so much! This is exactly what I needed and it worked perfectly!!!

    ReplyDelete
  3. I'm so glad to be of help

    Thanks for leaving a comment, ladies!

    ReplyDelete

I absolutely love to receive comments!

But please note - I DO check for spam, and I moderate all comments - any spam is deleted at source.