Separator between blog posts

Hi there,

There’s actually already a line there inserted after every post. But it’s only 1px thick, light grey, and flush with the top edge of the next post’s featured image. If you scroll down the front page, you’ll see it below the very last post.

This CSS pushes the next post down a bit so the line is equally far from the post above and below it, turns it black, makes it only 70% of the width, and makes it 2px thick – if you want to keep it at 1px, just remove the height line from the code:

.hentry {
  padding-bottom: 48px;
}
.hentry:after {
  background-color: black;
  width: 70%;
  left: 15%;
  top: 0;
  height: 2px;
}

Thank you so much that’s perfect!

Happy to help ??