Move post date to the top

  • Author
    Posts
  • #3028784

    alaefle
    Member

    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 alaefle.com.

    #3028936

    alaefle
    Member

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

    #3028998

    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.

    #3029034

    alaefle
    Member

    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?

    #3029035

    alaefle
    Member

    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

    #3029054

    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.

    #3029061

    alaefle
    Member

    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 :)

    #3029073

    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;
    }

    #3029074

    alaefle
    Member

    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?

    #3029077

    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;
    }

    #3029082

    alaefle
    Member

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

    Thank you so much!
    really appreciate your help :)

    #3029084

    Hooray and you are welcome!

The topic ‘Move post date to the top’ is closed to new replies.