- This topic has 22 replies, 3 voices, and was last updated 4 months, 2 weeks ago by Fernando.
October 16, 2022 at 4:11 am #2375044Dev
I want to create a single post header as the below website have
And for that, I copy the Grek (starter site element) and paste that into my element.
But after that, I say that the featured image is not stretching towards the left and the right.
So, please tell me what shall I do to make that sort of header. I’m adding my site URL in the private box.October 16, 2022 at 5:47 am #2375114Dev
?????October 16, 2022 at 6:36 am #2375164DavidStaffCustomer Support
if you want the ( hero ) header design to be full width, whilst keeping your content contained, then you need to use a Block Element – Page Hero to add it:
This will place it outside the content container so it can fill the full width of the screen.
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2022 at 6:55 am #2375177Dev
I have already created a hero block in the element, but still, the hero block is not going full width.
I’m adding the URL in the private box.
Can you please tell me what changes I have to make?October 16, 2022 at 8:08 am #2375374DavidStaffCustomer Support
Eid the Block Element, and in the sidebar it will list the Hook, what is that Hook set to ?
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2022 at 8:17 am #2375384Dev
That hook is set to HERO.October 16, 2022 at 8:38 am #2375402DavidStaffCustomer Support
Can you share a screenshot of what you see there ?
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2022 at 9:34 am #2375455Dev
Please check the screenshot URL – https://prnt.sc/CuCe4NpHbu1HOctober 16, 2022 at 9:45 am #2375467DavidStaffCustomer Support
Where its says
Quick hook selectchange that to
Adding CSS: http://docs.generatepress.com/article/adding-css/October 16, 2022 at 10:10 am #2375479Dev
Thanks, it does the job 🙂October 17, 2022 at 2:28 am #2375981DavidStaffCustomer Support
Glad to hear that
Adding CSS: http://docs.generatepress.com/article/adding-css/November 6, 2022 at 11:16 pm #2404283Dev
After the GP or GPP updates or either after the WordPress 6.10 update my header design has changed automatically.
So, this is what my present header looks like: https://prnt.sc/yY7qxQAB2kE7
And this is how I want to make it: https://prnt.sc/wikO01zA1AhX
So, can you please tell me what changes I need to make in my current header element so that it looks like the one I want?
I’m adding the URL of both sites in the private box.
Please let me know.November 7, 2022 at 12:10 am #2404325Fernando Customer Support
To clarify, are you looking for something like this?: https://share.getcloudapp.com/z8uQzXkj
Let us know.November 7, 2022 at 12:13 am #2404330Dev
Yes, I need the exact design you have shown in the screenshot above.
The only change is that I want the headline (Post name) in the center.November 7, 2022 at 12:20 am #2404334Fernando Customer Support
Create a new Block Element – Hook. Hook it to
Then, move/copy and paste all you current Block Element – Page Hero’s Blocks there.
Then in your Block Element – Page Hero, give the Container Block which has the Background image a
min-heightin the Block settings.
After you’ve done this, we’ll need some custom CSS.
Let us know when you’re done.
- You must be logged in to reply to this topic.