Venus Trapped in Mars

06 July 2013

Saturday Sessions: How To Center, Left or Right Align Date and Post Header in Blogger



















Have you ever wanted to move your date and post title alignment to the center? 
Here is how...


Next, if you want to CENTER ALIGN your post and date header in blogger you are going to copy and paste this code directly into the add CSS section (don't forget to hit enter after that last } symbol):

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


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


If you want to RIGHT ALIGN your post and date header in blogger you are going to copy and paste this code directly into the add CSS section (don't forget to hit enter after that last } symbol):

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


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


If you want to LEFT ALIGN your post and date header in blogger you are going to copy and paste this code directly into the add CSS section (don't forget to hit enter after that last } symbol):

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


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



That couldn't be easier, right? Thanks to Rachel for letting me use her blog alignment as an example! 


Venus Trapped

21 comments :

  1. I love your tutorials! I'm so inept at anything computer/code/ design related. Lifesaver right here :)

    ReplyDelete
  2. Yah! Thank you so much! You're the bomb :)

    Emma H
    www.citylifeattempter.blogspot.com

    ReplyDelete
  3. Just did the center option to mine. THANKS!!

    ReplyDelete
  4. OH MYY GOSH! Thank you. Thank you. Thank you!

    xo. Kailagh

    ReplyDelete
  5. Thank you for these awesome tutorials!!!

    ReplyDelete
  6. i love your tutorials... but honestly, i'd rather just pay you, make you do all the work, make my blog amazing and call it a day, haha.

    ReplyDelete
  7. Great one! Thanks I didn't even know it could be done. Never too old to learn. I will be back!

    ReplyDelete
  8. These tutorials are so helpful! I think I might play around with the center alignment on my blog tonight. Thanks for the tips :)

    -Ashley

    ReplyDelete
  9. i wonder why my date header isn't going to center?? only the post title :(

    ReplyDelete
  10. I love all these tutorials. I'm still learning html and css, and these are so helpful! I just centered my post titles and dates thanks to your help. :)

    ReplyDelete
  11. Thank you very much, I just deleted my free WordPress blog because I can't align my titles to the right.

    ReplyDelete
  12. Brilliant tutorial! I have a question. On my blog- www.blushousbeauty.blogspot.com I am looking to have my date and my labels on one line next to one another, and my comments on the same line but right aligned. Is this something you know how to do?

    Thanks

    ReplyDelete
  13. Thanks so much! I found you through a very elegant google search of "blogger post title centre align html code" and I'm so glad I did. Gonna have a look around now :)

    ReplyDelete
  14. So simple - yet I wouldn't have known where to start to figure that out! Thanks, again!

    ReplyDelete
  15. Such a helpful tutorial, and nicely done! Thank you!

    While not being the biggest fan of unasked advise, still I' m going to intrude :) You can add this attribute to your < img > tags to prevent the pin button hovering on them: class="nopin"

    this way all your lovely signature images and follow images are free of that if you like :) I hope that helps (and works!)

    ReplyDelete
  16. Can you also explain how to center a blog title?

    ReplyDelete
  17. Thanks For The Insight no more posting the < br/ > symbol every time I want to align my text

    ReplyDelete
  18. how do I make my post title go to next line. like
    something like that?

    ReplyDelete
  19. Hello! I just did this to mine but it did not work. I follow your instructions step by step.

    ReplyDelete

Comments make my heart go boom boom.

I respond to all comments, if you are leaving me comments and not getting a reply, you may be a no-reply blogger. Fix it HERE!