2 Easy Ways You Can Update Your Date Header and Post Title in Blogger

Thursday, September 20, 2012
If you're using Blogger, here's a simple tutorial for how you can change your date header and post title if you want....
  • all lowercase or all uppercase
  • centered or right-aligned

Go to your Blogger dashboard, choose the blog you want to play with, and then click on Template. Once you're there, click on Customize. Click Advanced, then Add CSS.

If you want to change the case of your date header and post title, whether it's lowercase or uppercase, copy and paste the following code:

.date-header {
text-transform:lowercase;
}
.post-title {
text-transform:lowercase;
}

*Change "lowercase" to "uppercase" if you want it all to be capitalized.

If you want to center or right-align your date header and post title, add the following code after the "text-transform" lines:

text-align:center;

*You can change "center" to "right" if you want it to be right-aligned.

Your code should now look something like this:

.date-header {
text-align:center;
text-transform:lowercase;
}
.post-title {
text-align:center;
text-transform:lowercase;
}

If you're happy with your new changes, click Apply to Blog, and you're done! If you have any questions or problems, let me know in the comments below and I'll do my best to help!


9 comments :

  1. sweet post! Love the insider info, this is totally helpful!
    kendrrat
    kendrrat.blogspot.com

    ReplyDelete
  2. oooh thaaanks sooo much!!! i've been trying to find out how to do this but i guess im to lazy to figure it out on my own lol
    noooow! can you tell me how to center (if there's a way) the widgets from the side bar??

    ReplyDelete
  3. Thank you so much! This was super helpful!

    ReplyDelete
  4. THANKYOU! I have trawled thorugh 50 zillion complcated outdated ways to do this, and this was SO EASY. Also; I was able to change the size by adding: font-size:18px; into the css.
    x

    ReplyDelete
  5. 1. I came across your blog yesterday from The Pretty Anonymous Life and I thought it was great.

    2. I Google searched how to change my post titles into lower case {preferably to appear the way I actually type it} and came across this post.

    3. I was able to center the date and the title, but the lowercase option still didn't work. Any other ideas?

    PS Yours is by far the easiest instruction I have seen! I just wish I could get it to work {the more difficult ways failed also}. :(

    ReplyDelete
  6. Very good, so much easier than what I've been seeing around the web.

    ReplyDelete
  7. Thank you! So easy! I am wondering though, my date header is coming up bold, is there a way to change that?

    ReplyDelete
  8. Thanks so much for this post! Ive been searching for this info for 2 days and people have been posting the most complicated solutions to change the post title to uppercase. Finally the right answer!

    ReplyDelete