Archived topic
Container Boxes Aren't Using Padding
3 replies · Started by crackmacs on December 19, 2019
My Third post today.. sorry. I swear I am searching first.
Having an issue with container boxes.
In the customizer it looks fine, everything is padded properly - https://i.imgur.com/gsUY0bE.png
Looking it at live, there's no padding showing up on the container boxes - https://i.imgur.com/5JRGSv6.png
I only have minimal plugins running, have cleared cache, tested multiple browsers, no change.
Any suggestions? Ty again
Hi there,
looks like you have some CSS left over from a Site Library import.
Go to Customizer > Additional CSS and remove any CSS below the /* Blog */ comment.
If you can't see it there you may need to disable the JetPack CSS function.
I removed the below CSS and it appears to have fixed it :) Thank you!
.generate-columns .inside-article {
padding: 0 0 15px;
}
@media (max-width: 768px) {
.generate-columns .inside-article>*:not(.post-image) {
padding: 0 15px;
}
}
.generate-columns-container article .inside-article .post-image {
margin-bottom: 0.5em;
}
.generate-columns-container article .inside-article .entry-summary {
margin-top: 0.5em;
font-size: 0.8em;
}
.generate-columns-container article .entry-header, .wp-show-posts-entry-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media (min-width: 768px) {
.generate-columns-container article .entry-header .entry-title, .wp-show-posts article .wp-show-posts-entry-title {
line-height: 2.5ex;
height: 5ex;
overflow: hidden;
text-overflow: ellipsis;
}
}
.wp-show-posts .wp-show-posts-inner {
overflow: hidden;
}
@media (min-width: 420px) {
.wpsp-align .wp-show-posts-image {
margin-bottom: 0;
}
}
.wpsp-align .wp-show-posts-image a, .wpsp-align .wp-show-posts-image img {
height: 100%;
}
.generate-columns-container article .inside-article img, .wp-show-posts-image img {
-o-object-fit: cover !important;
object-fit: cover !important;
}Glad to hear that
