[Resolved] Padding around posts in archive pages

[Thassia]

Hi, I have set my archives to show posts in columns. However the image is too close to the one beside it and you can’t tell if the feature image belongs to the post above it or the one below. Is there a CSS code to add padding around the feature images in these columns and also between the rows of posts so you can tell which feature image belongs to what post? I have attached my url so you can see what I mean.

GeneratePress 2.2.2

[Thassia]

BTW i can change the size of the images by customizing layout but I still have the problem with the rows of posts being too close together. Thanks you.

[Leo]

Hi there,

Can you give the CSS below a shot?

.post-image-above-header .inside-article .post-image {
    margin-bottom: 0;
}
.blog.one-container .inside-article, .archive.one-container .inside-article {
    padding-bottom: 40px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Thassia]

It did the job, thanks Leo!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts