June 30, 2021 at 1:41 pm
#90023
Theme Horse Support Team
Keymaster
Do you mean you need such change for all the post on mobile view but we thought you only need such change on inline post boxed line horizontal/vertical, recent post, double category widgets. so the previous code was just for them.
Ok go to the same Additional Field and paste the below Custom CSS code.
@media (max-width: 767px) {
.widget .post-boxed:before,
.widget .post-boxed:after,
.post-col .post:before,
.post-col .post:after {
content: "";
display: table;
}
.widget .post-boxed:after,
.post-col .post:after {
clear: both;
}
.post-boxed,
.post-boxed.inlined:not(.main-post) {
padding: 0;
}
.widget .post-boxed .post-img-wrap,
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post .post-img-wrap,
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-img-wrap,
.post-boxed.inlined:not(.main-post) .post-img-wrap {
float: left;
margin: 0 15px 0 0;
width: 140px;
height: 100px;
}
.widget .post-boxed .post-content,
.post-boxed.inlined:not(.main-post) .post-content,
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-content {
overflow: hidden;
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
}
.widget .post-boxed .post-content p,
.widget .post-boxed .post-img-wrap .category-meta,
.post-col .entry-content,
.post-col .post-img-wrap .category-meta {
display: none;
}
.post-boxed.inlined:not(.main-post) .post-content .entry-title + .entry-meta {
margin-bottom: 0;
}
.post-col .post {
padding-bottom: 14px;
}
.post-col .post-featured-image {
float: left;
margin-right: 15px;
margin-bottom: -15px;
width: 140px;
height: 100px;
}
}