[Support request] content padding – archive pages only

[Patrick]

Hi,

How can I adjust the content padding on the archive pages only? When I change the values via the customizing – layout – container, it changes them on my blog posts as well.

Thanks,

Pat

[David]

Hi there,

if you’re using columns and separate containers then this CSS:

.generate-columns .inside-article {
    padding: 40px 40px 40px 40px;
}

Let me know if the layout is different.

[Patrick]

The layout is different but it ends up impacting the images as well as the content. If I use the content padding sliders, it only impacts the content below the images which is what I want to do. Just only impact the content on the archive pages.

[David]

Could you link me to the site so i can see the particular set-up ? You can edit your original topic and use the Site URL field to share it privately.

[Patrick]

It’s not on a live site to be able to link it.

[David]

So the setup is separate columns and in the blog settings you have disabled Display padding around image ? If so then you need to offset the padding against the image like so:

.generate-columns .inside-article {
    padding: 40px 40px 40px 40px;
}

.no-featured-image-padding .post-image {
    margin-top: -40px !important;
    margin-left: -40px !important;
    margin-righ: -40px !important;
}

[Patrick]

Yes, it’s a 3 column archive page and I’ve disabled the display padding around images. The second bit of code doesn’t work as it still impacts the images.

However, it got me to thinking that if I re-enable the padding around images that the original code might work…and it does. Thanks.

[David]

Awesome – glad you got it resolved.

[Author]

Posts