Post title above date

• 

  sealoe · Member · Dec 14, 2013 at 7:18 pm

  • Copy link
  • Add topic to favorites

  Hi I have a blog and the date is above the post title..

  How can i move the blog title above the date with css? I’ve been trying to figure it out forever..

  Thankful for your help!

• 

  thesacredpath · Member · Dec 16, 2013 at 6:06 pm

  • Copy link

  Hi there, I see you have hidden the post date with the following CSS on the Manifest theme:

  .post-date {
      display: none;
  }

  To move the date in manifest below the post title is a little tricky because post titles can vary in length and we have to use absolute positioning to move it which means it will not flow with the other elements in the page. To move the date and line on the archive type pages (category, tags, archives) below the post title, remove the above and add the following. (Keep in mind though that things will be misaligned on posts with two or more lines to the post title.

  .archive .entry-title {
      margin-bottom: 70px;
  }
  
  .archive .post-date {
      position: absolute;
      text-align: center;
      width: 100%;
      top: 45px;
  }
  
  .archive .hentry {
      position: relative;
  }