Archived topic
Page hero image on single post very narrow
6 replies · Started by Lori on May 4, 2021
Hello - I am trying to make a page hero header to appear on every post (similar to how it looks in the Dispatch version) and the documentation is very helpful, but when I select for it to use my featured image as the background (which is sized 1200 wide by 630 high), it shows in the post as very narrow, like a banner. I messed with the margins above and below in the element creator but can't seem to correct it. I did import the Dispatch settings, but not the content. Maybe there is something in that CSS that is affecting this? Can you suggest anything that might help? Thanks very much.
Hi there,
On the "Container" dropdown shown here:
https://docs.generatepress.com/article/header-element-overview/#page-hero
Can you set the value to "Full width"? Like this - https://share.getcloudapp.com/Blu4v8b4
Hi Elvin - thank you for replying so fast! I did that and the image didn't change. But I may have used the wrong wording. When I say "narrow" I mean it's narrow in height, not the length. So the original feature image size is 1200 x 630 but the size of the image in the Hero element is more like 1200 x 150 or something like that. The height is off.
Ah right.
In that case, just add more padding top and padding bottom on your Header element.
https://share.getcloudapp.com/DOuDEOYJ
Oh sheesh, I don't know why I didn't play around with the padding to begin with. That fixed it. Thank you so much!
...just going to mark this resolved for ya.
No problem. Glad you got it sorted. :)
