[Resolved] Container Boxes Aren't Using Padding

Home Forums Support Container Boxes Aren't Using Padding

  • This topic has 3 replies, 2 voices, and was last updated 9 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1109365
    crackmacs

    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

    #1109623
    David
    Staff
    Customer Support

    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.

    #1109985
    crackmacs

    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;
    }
    #1110049
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.