Archived topic

'width issue' - featured image in the post page

4 replies · Started by Matthew on August 24, 2016

Viewing posts 1–5 of 5

August 24, 2016 at 4:03 pm #221020

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.

August 24, 2016 at 4:31 pm #221027

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.

August 24, 2016 at 11:14 pm #221081

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 :)

August 25, 2016 at 10:01 am #221246

The code is awesome.

Thank you so much, Tom.

I closed this tickets.

Very happy to use generatepress.
:)

August 25, 2016 at 10:02 am #221248

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.