How to Center Titles with CSS Code on Blogger

This one is a short and Simple Tutorial. For some reason Blogger really doesn't like to center things. I remember this being so frustrating when I started using Blogger. It's actually really simple fix. Just a few lines of CSS code and poof everything is centered.




Step 1:

Go into template on your blogger dashboard. Click "Customize" Then click Advanced, then "Add CSS"



Step 2:

To center the post title use:

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



To center post date headers  use:

.date-header {
text-align: center;
}



To center header use:


#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}

To center the right sidebar titles use:

.sidebar h2 {

text-align: center;

}

You can center almost anything with CSS if you know the blogger name for it. You can center posts by changing the top line to .posts { and you can center the whole sidebar by removing h2.

You can add these to the CSS box one after another to center them all. You should see the changes immediately. When you are happy with the changes click "Apply to Blog"

If you need anything else centered let me know in the comments below and I'll see what I can do. 

Thanks for reading this post! I hope you enjoyed! If you have any questions on concerns feel free to message me.

Twitter | Instagram | BlogLovin | Facebook