[Resolved] Question Regarding Documentation on Adjusting Featured Images

[Coulter]

In the documentation on Adjusting Featured Images, there is a section entitled “Removing The Outside Padding/Spacing” Link. The code, as written, works great for the Blog Index page, but does not affect the Single Post Featured Image.

I would like my Single Post Featured Images to have the same style. How would I achieve this?

Thanks.

[Leo]

Hi there,

Any chance you can link me to a page? Easier for me to provide the correct code that way 🙂

Thanks!

[Coulter]

Is there a way I can send you a link privately? The site isn’t technically live yet, so I don’t want to post public links.

[Leo]

Send it through Account Issue here: https://generatepress.com/contact/ and mention the topic. Thanks!

[Coulter]

Link has been sent.

[Leo]

Give this CSS a shot:

.site-main .inside-article .page-header-image-single {
    margin-top: -40px;
    margin-left: -40px;
    margin-right: -40px;
    text-align: center;
}

You would need to have a bigger featured image to fill the area.

Let me know.

[Coulter]

So far it looks good. Given that the width of the image is slightly too small, is there a good way to just center it?

[Leo]

But then there will be padding on both sides like the original way.

Edited the code above though so you can give it a shot.

[Coulter]

Looks good, thanks!

[Leo]

Glad I could help!

[Author]

Posts