[Resolved] Page Header Image Not Like In Demo

[iqbal]

Hello Tom,

A bit late but wish you a Merry Christmas and Happy New Year 🙂

I enabled Page Header Image inside content area, but it doesn’t look like the one in demo video for the add-on.

I mean on my site it inherits the content block spacing right/left. But in demo video it has zero spacing right/left if I understand it correctly, I’m not a web developer.

You can check this page for example on my web site: https://paragonsolutions.ma/infogerance/

Thanks in advance Tom.

Best Regards
Iqbal

[Tom]

Hi there,

That’s the default in a couple of our child themes, but not in the main theme.

You can accomplish it with these functions: https://generatepress.com/forums/topic/page-and-post-headers/#post-125452

Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

[iqbal]

Hi Tom,

Thanks so much, it worked great 🙂
one last question if you don’t mind. I’m using 1100px content width and sidebar 25% (the default for my theme), what do you recommend for the page header image width so it fits without WordPress resizing it ?
How do I calculate that if ever I want to change the content area width ?

Sorry for too much questions

Best Regards
Iqbal

[iqbal]

Hello Tom,

I found the way to calculate it, I think 🙂

so now the issue I have is after inserting the code you gave me, there is a big top padding above the image.

Sauvegarde

[Tom]

Ah, the code I gave you was for post images in the blog, not page headers.

You can remove the code I gave you, and add this CSS:

.separate-containers .inside-article .page-header-image {
    margin: -40px -40px 40px -40px;
}

[iqbal]

Hello Tom,

Thanks so much. it works great.

I love GeneratePress, really fast and flexible.

Keep up the good work 🙂

Best Regards
Iqbal

[Tom]

You’re welcome! Glad I could help 🙂

[Author]

Posts