How To Center Header/Description in Blogger

You can center the title and description of your blog by following these easy steps:

1. Sign into Blogger

2. Click 'Design' (top right)

3. Click 'Template'

4. Click 'Advanced' (top left)

5. Scroll down and click 'Add CSS'

6. Cut and paste the following into the text area:


.Header h1, .Header .description {
text-align:center;
}

You should end up with this:


7. Then click 'Apply to Blog'. Done!

8 comments:

Tammy Theriault said...

weirdly enough, i was just thinking of how to do that so u rock! love u blog!!

Rivania Pillay said...

Thanks so much for this tip! xx

Anonymous said...

Works fine. Thanks so much. !!

Digital Insite said...

hey thanks heaps, that worked perfect! you're awesome.

I've added a custom footer to my blog on blogger. Any idea of what CSS code I need to add to center the footer too?

thanks again

-Mark

erynajiha said...

u just made my day.. thank you so much for the tips..

Anonymous said...

Thank you so much!! I have been wondering how to do this so I can have a shorter title and decided to google it and came across your page! Lifesaver, thank you! :)

Quote Quotient said...

You are sooo amazing!! Thank you sooo much!!!!

Avaelle said...

Oh my God, Thank you! I have been trying for hours trying to center my header text and this immediately helped! I had already tried various other CSS codes, but nothing worked, except yours. So thank you!