Thursday, June 19, 2014

Rock the Blog (2)--Centering Post/Page Title in Blogger


Rock the Blog is a "How To" for bloggers!

From graphics to html and all kinds of bloggery goodness.

Since I'm based in Blogger most posts will revolve around the Blogger platform though some ideas may apply to Wordpress as well.

Welcome to this week's Rock the Blog!
This time we're talking how to center blog post/page/header titles :)

I got asked about this one the other day and got me curious.
And it's so easy! 
It not the biggest of blog changes but kinda handy if you're going for a slightly different look.

Okay first thing is to go to your dashboard and click on Template in your left column.
That'll pop up this image.
Click customize.


That'll pop up your Blogger Template Designer.


Click Advanced.
Then scroll the second column down to Add CSS.
The box on the right will be empty of all code.

Copy the following highlighted code and paste into the Add custom CSS box.

.post-title {
text-align: center;
}

.date-header {
text-align: center;
}
Then click Apply to Blog in the upper right hand corner.

And now your blog post titles, page titles and date headers should be centered!


Not a huge difference but something that's kinda neat and some might like to add.

If you have any questions just let me know. More than happy to answer any that might pop up!


Have a topic idea? Submit it HERE!


Follow on Bloglovin

[Are you a blogger? Leave your link so I can visit you too! ~Anna]

No comments:

Post a Comment

I always enjoy hearing what YOU think so come on and leave a comment. Everyone's welcome :) And feel free to leave comments on old posts. I'll check in on you there too :)

Bloggers don't forget to leave your links!
~Anna

The Herd Archives