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: 安全加密检测
Anna