June 30, 2021 at 1:41 pm
#90023
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;
}
}