Post dividers

Home › Forums › Automattic › Elemin › Post dividers

Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 9, 2011 at 9:27 pm #100682 Resolve

    Jeff Wills
    Member

    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 proempirica.com
    December 10, 2011 at 2:02 am #154775

    Michael Fields
    Member

    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!

    January 4, 2012 at 2:10 pm #155392

    philiparthurmoore
    Member

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

    February 13, 2012 at 2:37 am #114504

    philiparthurmoore
    Member

    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.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

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