How to decrease gap between title/meta and image/excerpt in archive pages?

Hi there,

Try this CSS:

.entry-meta {
    margin-top: 0;
}
.entry-summary {
    margin-top: 0.5em;
}

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

Make sure to clear your caching plugins to see changes.

Hi Leo...ThanQ for your reply...now I am using the following css,

.post-image-below-header.post-image-aligned-left .inside-article .post-image {
    margin-top: 1.0em;
}
.entry-summary {
    margin-top: 1.0em;
}

This looks good on the desktop but on tablet and mobile view the gap between image entry summary is more. How to reduce that?

Try this:

@media (max-width: 768px) {
    .post-image-aligned-left .post-image, .post-image-aligned-right .post-image {
        margin: 1em 0;
    }
}

Thanks a lot...its perfect now...:)

Glad I could help :)