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

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 5 replies, 2 voices, and was last updated 5 years, 4 months ago by Leo.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
December 17, 2018 at 1:07 pm #759491

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

December 17, 2018 at 2:13 pm #759556
Leo
Staff
Customer Support
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.
December 17, 2018 at 2:53 pm #759590
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?
December 17, 2018 at 5:06 pm #759664
Leo
Staff
Customer Support
Try this:
```
@media (max-width: 768px) {
    .post-image-aligned-left .post-image, .post-image-aligned-right .post-image {
        margin: 1em 0;
    }
}
```
December 17, 2018 at 5:29 pm #759679

Alan Gautham

Thanks a lot…its perfect now…:)

December 17, 2018 at 6:07 pm #759695

Leo
Staff
Customer Support

Glad I could help 🙂
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.