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

[Alan Gautham]

Please provide css to decrease space between title/meta data and image/excerpt(image aligned left) in blog posts of archive pages.
Image

[Leo]

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.

[Alan Gautham]

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?

[Leo]

Try this:

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

[Alan Gautham]

Thanks a lot…its perfect now…:)

[Leo]

Glad I could help 🙂

[Author]

Posts