Css to centre post title and date?

• 

  cheskaaanels · Member · Oct 17, 2016 at 9:49 am

  • Copy link
  • Add topic to favorites

  Hi guys can anyone help? I have a code that works right away to centre my post titles however the dates are left on one side of the post and I’d also like those centred. How do I do this what can I add? This is the title centring code that works for me –

  #page-title, article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
  text-align: center;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  darlanric · Member · Oct 17, 2016 at 11:16 am

  • Copy link

  Hey @cheskaaanels

  It seems like your post titles aren’t centered, only the content of your post.

  If you want to center both the titles and the dates, just add this to your .entry-header class:

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

  Here is a print so you can check it out: http://prntscr.com/cvcajf

  If you have any other questions, feel free to ask :)

  Best !
  Darlan Ricardo

• 

  cheskaaanels · Member · Oct 18, 2016 at 7:25 pm

  • Copy link

  Thank you that seems to work only for the title but not the date or comments underneath that?

• 

  siobhyb · Member · Oct 19, 2016 at 3:48 pm

  • Copy link

  Thank you so much for your help so far, @darlanric!

  @cheskaaanels: You can centre the meta information by adding , .entry-meta just after .entry-header in the original CSS provided to you:

  .entry-header, .entry-meta {
      text-align: center;
  }

  Hope that helps out. :)

• 

  cheskaaanels · Member · Oct 19, 2016 at 5:39 pm

  • Copy link

  Thank you that has worked like a dream!

• 

  siobhyb · Member · Oct 20, 2016 at 9:06 am

  • Copy link

  Perfect! You know where to find us if extra questions come up, too.