Post dividers

Home Forums Automattic Elemin Post dividers

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #100682 Resolve

    Jeff Wills

    How would I add separators (lines) between the posts in CSS? I would like to add a faint gray line between each post. Thanks.

    The blog I need help with is

    Michael Fields

    Hi Jeff,

    Elemin use absolute positioning to place meta information on the left-hand side of each post. That being said, it is not really possible to add a separator below each post and ensure that it will always display below it. However, it is possible to add a separator to the top of each post and remove it from the first post. It will give you the same effect. Here’s some code to try:

    .hentry {

    border-top: 1px solid #ddd;

    margin-top: 40px;

    padding-top: 40px;


    .hentry .post-format-icon {

    top: 40px;


    .hentry .entry-meta {

    top: 95px


    .hentry:first-child {

    border-top: 0;

    margin-top: 0;

    padding-top: 0;


    .hentry:first-child .post-format-icon {

    top: 0;


    .hentry:first-child .entry-meta {

    top: 55px;


    Please let us know how this works!



    Hi Jeff. Checking in with you about this. Were you able to find a suitable solution with Michael’s advice? Cheers.



    Closing this topic, as it’s been a long while since we’ve received a reply. Jeff, please do let us know if you have any other issues that need to be addressed. Cheers.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Post dividers’ is closed to new replies.