Distance Headline / featured image

Hi there,

Assuming your featured image is on top of the post title, try this CSS:

.post-image-above-header .inside-article .post-image, 
.post-image-above-header .inside-article .featured-image {
    margin-bottom: 1em;
}

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

Can you link me to the site if it doesn't work?

Thank you Leo,

but that was not working.

I did a screenshot for you so that you can see what my challange looks like:

So here is the Frontpage of an website with all the new articles:
https://imgur.com/MUWuYZP

You can see the huge space beween the headline and the featured image.

What I try is to make it look like this:
https://imgur.com/OsNg1T4

As I mentioned the frontpage has separate containers and no masonry.

Any idea?

Thanks Leo

Did you adjust the 1em value to something smaller? If so, can you link us to the page so we can take a look?

Thank you Tom.

Yes, I even tried 10px and 0px but it made no difference.

I am going to send you the url by mail.

Cheers,
Bert

You can edit the original post and use the private URL field that only Tom and myself can see.

My CSS above should work but I don't see them being added.

Maybe try clearing WP Super Cache.

Thanks Leo,

I just edited the url field and saw that the url was already included?

Anyway, now it is available.

Cheers,
bert

Yup I added it in :)

See my answer above: https://generatepress.com/forums/topic/distance-headline-featured-image/#post-451806

Hi Leo,

so I included the this lines into my styles.css

.post-image-above-header .inside-article .post-image, 
.post-image-above-header .inside-article .featured-image {
    margin-bottom: 1px;
}

I cleared wp cache and now look for your self...

Hmm...

Now I see it but it's being overwritten.

Try this instead:

body.post-image-above-header .inside-article .post-image, 
body.post-image-above-header .inside-article .featured-image {
    margin-bottom: 1px;
}

What can I say....

THANK's A MILLION!!!

This snippet worked perfectly :))

Thank you very much Leo for helping me out

No problem!