Adding Blog Post Date & Reducing Space Between Title & Content

  • Unknown's avatar
    notcentralfashion · Member ·

    I want to add a date on each blog post I publish underneath the post title, but I’m not sure what the css coding is.

    I was also wondering if it was possible to reduce the space between my post titles and their content.

    Finally, I’d like to centre all of the widgets in the side bar. I’ve been able to do this for the images already, but not the text.

    I’m using the theme Suits.

    Thanks in advance.

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

  • staff-happychia · Staff ·

    It is really difficult to add date under the title of each post on your home page.

    On single page posts, if you want date back, then it is easy if we can bring back the other details like tags, categories and comments on single post pages.

    To display date on the single post page:

    Modify the following style:

    footer.entry-meta {
    display: none
}

    to 

    .home footer.entry-meta {
    display: none
}

    And add this style:

    .single-post span.on-date {
    display:block;
    position:absolute;
    left: 450px;
    top: 340px;
}

    What this does is, on the single post pages, display the post date and move it to beneath the title. This also brings back the other post meta info like tags, categories, comments etc.

    —

    There is not much space between post title and content ( first photo). Do you really want them closer?

    —

    This styles centers the text in the widgets: 

    .widget {
    text-align: center;
}
  • Unknown's avatar
    notcentralfashion · Member ·

    Thanks for your help. That’s all great.

    Would you be able to tell me the coding for reducing space so that I can play around with it and see which I like best?

    Thanks anyway!

    Sophie

  • staff-happychia · Staff ·

    Currently every post title has a bottom margin of 23px. Use the following code to reduce it.

    article header.entry-header {
    margin-bottom: 23px;
}
  • The topic ‘Adding Blog Post Date & Reducing Space Between Title & Content’ is closed to new replies.