Move post date to the top

• 

  alaefle · Member · Oct 5, 2017 at 2:32 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  Is there any way I can move the post date from the bottom to the top? I also want to remove the author’s name and just keep the date and comment button.

  here’s a link to my site: http://alaefle.com

  kind regards,
  Madina Jaffari

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

• 

  alaefle · Member · Oct 5, 2017 at 2:34 pm

  • Copy link

  Oh almost forgot, I also want to remove the border around it. Is this possible?

• 

  thesacredpath · Member · Oct 6, 2017 at 12:21 am

  • Copy link

  Hi Madina, add this to your custom CSS and see what you think.

  .blog .hentry, .archive .hentry, .single .hentry, .search .hentry {
    position: relative;
    padding-top: 65px
  }
  .blog .entry-meta span.posted-on, .archive .entry-meta span.posted-on, .single .entry-meta span.posted-on, .search .entry-meta span.posted-on {
    position: absolute;
    top: 0;
    border: none;
  }

  It moves it above the post title. It would be very problematic due to the structure of the html to move it below the title.

• 

  alaefle · Member · Oct 6, 2017 at 1:44 pm

  • Copy link

  thanks a lot!

  I still have a box at the bottom that shows the author and ‘comment’
  is there anyway i can remove the author?

• 

  alaefle · Member · Oct 6, 2017 at 1:49 pm

  • Copy link

  Actually i think this will get a little too confusing to separate the entry-meta from each other. How about i keep it at the bottom of the post, just remove the author’s name and the box around it (border) and move it to the centre.

  I’m so sorry for putting you through so much trouble

  Sincere regards,
  Madina Jaffari

• 

  thesacredpath · Member · Oct 6, 2017 at 10:42 pm

  • Copy link

  Madina, I see you found the author/date theme settings and have hidden them. If you need additional help with this issue, please let me know.

• 

  alaefle · Member · Oct 7, 2017 at 10:32 am

  • Copy link

  Hi,

  Yes i removed the date info just for now. I still want to display the date and comment button at the bottom (centre) with no border around it.

  Can you help me out with that?

  Thanks alot :)

• 

  thesacredpath · Member · Oct 9, 2017 at 8:31 pm

  • Copy link

  This should do the trick for you.

  .blog .entry-meta, .archive .entry-meta, .single .entry-meta, .search .entry-meta {
    border: none !important;
  }
  .blog .entry-meta span.posted-on, .archive .entry-meta span.posted-on, .single .entry-meta span.posted-on, .search .entry-meta span.posted-on {
    border: none !important;
  }
  .entry-meta.default span.author.vcard, .entry-meta.default span.comments-link {
    border: none !important;
  }

• 

  alaefle · Member · Oct 9, 2017 at 8:40 pm

  • Copy link

  Worked perfectly! Thank you!!

  There’s one problem though. When I click the ‘comment’ button, there’s a mess just underneath the post title. How would You fix that?

• 

  thesacredpath · Member · Oct 9, 2017 at 9:25 pm

  • Copy link

  This in your custom CSS is causing the issue.

  .entry-header {
   text-align:center;
   height:60px;
   margin-top:-30px;
  }

  You can either remove that (unless you added it to take care of some other page on your site), or you can change the above to the following, which excludes the single post pages from that rule.

  body:not(.single) .entry-header {
   text-align:center;
   height:60px;
   margin-top:-30px;
  }

• 

  alaefle · Member · Oct 10, 2017 at 11:14 am

  • Copy link

  I just removed the height and margin-top from my own css and it worked!!!

  Thank you so much!
  really appreciate your help :)

• 

  thesacredpath · Member · Oct 10, 2017 at 10:07 pm

  • Copy link

  Hooray and you are welcome!