Horizontal Lines

  • Unknown's avatar
    randysmith52 · Member ·

    Hello, How can I get rid of the several horizontal lines on the bottom of my blog posts located just above the comment box? I am using the WordPress Hemmingway Theme.

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

  • staff-happychia · Staff ·

    That line is the bottom border of the posts which we can be removed with the following CSS:

    .single-post .hentry {
border-bottom: none;
}

    There will still be a top and bottom border lines around the Next and Previous post titles. I think they are fine, but please let me know if you want to get rid of them as well.

  • Unknown's avatar
    randysmith52 · Member ·

    Hey, that worked great, thanks! Is there a way to remove the “categories” listed in that area below the posts? At least is there a way to remove the large gap between the “categories” and the first horizontal line?

  • staff-happychia · Staff ·

    Sure thing :-)

    Hide categories: 

    .post .entry-categories {
display: none;
}

    Remove the large gap between the “categories” and the first horizontal line: 

    .navigation.post-navigation {
margin-top: -100px;
}
  • Unknown's avatar
    randysmith52 · Member ·

    This is great help! Thanks! Last one… Again on the bottom of each post, what are the codes for removing the meta tags and the large margin between the “related topics” and the first horizontal line?

  • staff-happychia · Staff ·

    Modify the previous CSS to the following:

    .post .entry-categories, .post .entry-tags {
 display:none;
}

.navigation.post-navigation {
margin-top: -150px;
}
  • staff-happychia · Staff ·

    You can remove the following redundant rule from your custom CSS because this rule is already covered by the next rule:

    .post .entry-categories {
    display: none
}

    Keeping this rule does not do any harm, but it is a good to keep styles minimal.

  • The topic ‘Horizontal Lines’ is closed to new replies.