Line between posts

Hi,

I’ve managed to achieve that all my posts are full size (without columns). I also inserted a line between them but it works well only on the home page, when I go to older posts the line between first and the second one disappears.

Codes I used:

@media (min-width: 768px) {

.blog.home article.post:first-child, 
.blog.home  article.post:nth-child(2), 
.blog.home  article.post:nth-child(3), 
.blog.home article.post:nth-child(4), 
.blog.home article.post:nth-child(5) {
    width: 100%;
    padding: 0!important;
}
.blog.home article.post:first-child .post-inner-content .post-inner-content{

margin-top: 30px;
}
.blog.home article.post:nth-child(2) .post-inner-content,
.blog.home article.post:nth-child(2) .post-inner-content,
.blog.home article.post:nth-child(3) .post-inner-content,
.blog.home article.post:nth-child(4) .post-inner-content .post-inner-content{
padding: 0 0 50px;
border-bottom: 1px solid #dedede;
margin-bottom: 30px;
}

.blog.home article.post:nth-child(5) .post-inner-content{
    padding: 30px 0;
    margin-bottom: 30px;

margin-top: 25px;
border-top: 1px solid #dedede;
}
.blog.home article.post:first-child .read-more,
.blog.home article.post:first-child .entry-footer,
.blog.home article.post:nth-child(2) .read-more,
.blog.home article.post:nth-child(2) .entry-footer,
.blog.home article.post:nth-child(3) .read-more,
.blog.home article.post:nth-child(3) .entry-footer,
.blog.home article.post:nth-child(4) .read-more,
.blog.home article.post:nth-child(4) .entry-footer,
.blog.home article.post:nth-child(5) .read-more,
.blog.home article.post:nth-child(5) .entry-footer {
display: block;
}

}

Is it too much? I’ve found it in other topic.

Is there a way to make it right?

Just to compare a link to my main website: www.biggerthanlimits.com
Link to the page with older posts: http://biggerthanlimits.com/page/2/

Anna :slight_smile:

Hi Anna,

Thank you for your question.

Just use the below CSS code to make it work on other pages also.

.blog.home article.post .post-inner-content {
padding: 0 0 50px;
border-bottom: 1px solid #dedede;
margin-bottom: 30px;
}

Best Regards,
Movin

Thank you! :slight_smile:

You are most welcome here :slight_smile: