Frequently Asked Questions:

How to center your post-titles

Someone just emailed me and asked how she would center her post-titles. I thought it was a good question, so I’m sharing the answer with all of you.

If you want to center your post-titles and post-dates, so they look like this:

Just open up your “Stylesheet (style.css)” with your Theme Editor (under the Design tab) and add a line at the bottom and paste in this code:

h2.entry-title, h3.entry-title, div.entry-date { /* center post titles & dates */
text-align:center;
}

If you only want the title centered and not the date, change it to this:

h2.entry-title, h3.entry-title { /* center post titles */
text-align:center;
}

Click update file and you’re set!

Questions? Instead of emailing for support, leave a comment below so everyone can benefit from any clarification.

This entry was posted on Saturday, April 19th, 2008 and is filed under Frequently Asked Questions, Pimp my Blog. You can leave a response, or trackback from your own site.

27 Responses to “How to center your post-titles”

  1. On April 23rd, 2008 at 3:53 pm Angel said:

    Jared – I LOVE your tips! I hadn’t checked w/you site in a week or so and when I come back there are lots of goodies here. Thank you so much for all your hard work and helpful information! :)

  2. On April 25th, 2008 at 3:58 pm Seth - Zelo Photography said:

    nice! Thanks for the info!

  3. On April 30th, 2008 at 1:51 pm Stephanie Williams said:

    I tried this and it realigned my whole site. I pasted the code under the code “edit these to affect styling of Post Titles” and I pasted it at the bottom of the paragraph (line 103) and it realigned my whole site instead of just the post titles. What did I do wrong?

  4. On April 30th, 2008 at 1:53 pm Jared said:

    Stephanie – try undoing what you did, then scroll all the way to the bottom of your stylesheet, put your cursor at the end, press return a couple times, and then paste the code in on a brand new line. if that doesn’t work, comment back here.

  5. On April 30th, 2008 at 9:44 pm Dustin Francis said:

    When you do this and use the categories feature like my wedding categories for example, the post titles are on the left, but the date/time is still centered. Is there a way to remedy this? Thanks!!!

  6. On May 1st, 2008 at 2:19 am Stephanie Williams said:

    Hi Jared,

    I posted the code

    h2.entry-title, div.entry-date { /* center post titles & dates */
    text-align:center;
    }

    at the bottom of the stylesheet and nothing changed on the blog

  7. On May 1st, 2008 at 7:58 am Dustin Francis said:

    Stephanie…did you empty your cache, then refresh your page? Most of the time, that’s all you need to do to see the changes made if you follow Jared’s instructions. Hope that helps!

  8. On May 1st, 2008 at 9:58 am Jared said:

    Dustin, try changing it to this:

    h2.entry-title, h3.entry-title, div.entry-date { /* center post titles & dates */
    text-align:center;
    }

    I forgot about category pages.

    Stephanie, did you get it working?

  9. On May 1st, 2008 at 11:18 am Stephanie Williams said:

    Yes, it is working now. Thanks for the quick responses!!!

  10. On May 9th, 2008 at 1:22 pm Jared said:

    by the way, if you want to UN-center them, just delete the lines of code you added.

  11. On June 29th, 2008 at 4:34 am Renee said:

    thanks for another great tip Jared….

  12. On September 9th, 2008 at 6:37 am Laura said:

    This question doesn’t have to do w/ disabling right click but I wasn’t sure where else to post it. Hopefully, someone out there can help.

    I am wanting to remove the time from under the post titles? Right under the post title, automatically the date and time are inserted. I do not want my post showing the time, only the date. Where can I remove this feature?

    Thanks. ~Laura

  13. On September 9th, 2008 at 6:18 pm Jared said:

    @Laura: that’s kind of tricky actually. the easiest way to get close to what you’re after is to go into “Settings” => “General” and under “Time Format” where it says “g:i a” or something like that, just delete the whole line and click save.

  14. On October 24th, 2008 at 12:53 pm Anne Raker said:

    Thanks for all these tips! I did what you said to do to delete the time, and it got rid of the time, but the date still has a hyphen after it… how do I get rid of the hyphen? Thanks for your help!

  15. On October 24th, 2008 at 1:32 pm Anne Raker said:

    Also, is there a way to center-justify the comments links at the bottom of each post, and the nav bar at the very top? I’m looking through all the tutorials, so if it’s in here somewhere and I haven’t stumbled on it yet, my apologies! :)

  16. On October 25th, 2008 at 11:20 am Jared said:

    @Anne Raker: add a line in your stylesheet on a new line that says:

    body.home .meta-inner { text-align:center; }

    that should do it.

  17. On October 25th, 2008 at 8:58 pm Anne Raker said:

    Thanks – that worked perfectly! :) Any ideas about the hyphen, though?

  18. On October 26th, 2008 at 5:02 pm Jared said:

    @Anne Raker: sorry, forgot about the hyphen. That’s actually quite complex for a non-developer to remove the hyphen. send me an email through the support tab with your ftp info and i’ll do it for you.

  19. On January 9th, 2009 at 11:23 am Julie said:

    I’m lost..I don’t even know where to start looking for this..is it under apperance? If so where..

  20. On January 9th, 2009 at 11:45 am Julie said:

    found it..my date and time are not moving over..

  21. On January 9th, 2009 at 2:12 pm admin said:

    @julie: did you copy the correct version of the code above? one is just for the header, the other moves both over.

  22. On February 17th, 2009 at 7:43 pm Yvonne said:

    I can’t get rid of the hyphen either can I send you my ftp info?

  23. On May 25th, 2009 at 4:12 pm Rebekah Towers said:

    Hello Jared! Okay so I have added a contact page to my blog but if you continue to scroll down on that page it also shows my bio area and most recent post. How do I get all of that off of there and just have the contact page?

  24. On June 12th, 2009 at 8:49 am hillbillyduhn said:

    I found this very useful thank you, however, it aligned my post title, but not the date, what did I do wrong??

  25. On November 6th, 2010 at 2:52 pm Play Poker Australia said:

    Hey just found your site, been looking around at a few websites but this post is one of the best I have read. Great work!

  26. On December 7th, 2010 at 1:42 pm gosportsgames.info said:

    All I can say is wow. I have never ever checked out it that way, but I appreicate you posting it. I will continue to be a daily reader of the blog.

  27. On January 1st, 2011 at 12:49 pm old friend slippers said:

    Big fan of this site, a bunch of your posts have really helped me out. Looking forward to updates!

Leave a Reply