content padding - archive pages only

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.

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.

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.

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

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;
}

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.

Awesome - glad you got it resolved.