Centering Blog Title and Description on Blogger

While I love the new Blogger Template Designer, it does have its drawbacks still. There is no option to center your blog's title and description. (I realized this while tweaking my template for www.FreeIndustrialMusic.com)

There is a simple way to work around this drawback though:


In your Blogger control panel, go to Design -> Edit HTML.


In your template code, you should find something like/similar to this:

/* Header
----------------------------------------------- */
.header-outer {
margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

Add this to the end, before the "}":

text-align: center;

So it should look something like this:

/* Header
----------------------------------------------- */
.header-outer {
margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
text-align: center;
}

Save Template. Your blog's title and description should now be centered on the page.