[Resolved] 'width issue' – featured image in the post page

[Matthew]

Hi Tom,

I’m sorry, actually I’ve done much googling work and forum search.

And I tried your CSS code below.

.page-header-image.grid-container {
    max-width: 100%;
}

.page-header-image.grid-container img {
    width: 100%;
}

But it still doesn’t work in my WP, so i have to open another topic for the advice.
What I’m asking for is when I open the post with the featured image, the image on the post above the title could be 100% width of the container and no top margin to the div.inside-article.

Is that possible?

Thanks a lot.

[Matthew]

Hi Tom,

I found out that in the post page, I can change by the following CSS.

.separate-containers .inside-article {
	padding: 0px 0px 40px 0px;
}

But it also changed the other pages.
Can I change it only in the post page?

Thanks a lot.

[Tom]

Hi there,

This might help: https://generatepress.com/forums/topic/page-and-post-headers/#post-125452

You can also add the CSS yourself if you like:

.post-image,
.page-header-image-single {
    margin: -40px -40px 40px -40px;
}

Let me know if you need more info 🙂

[Matthew]

The code is awesome.

Thank you so much, Tom.

I closed this tickets.

Very happy to use generatepress.
🙂

[Tom]

You’re welcome 🙂

[Author]

Posts