- This topic has 22 replies, 3 voices, and was last updated 4 months, 2 weeks ago by
.
-
Posts
-
Hello,
I want to create a single post header as the below website have
https://www.safalniveshak.com/long-term-investing-is-hard/
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.
?????
Customer Support
Hi there,
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:
https://docs.generatepress.com/article/block-element-page-hero/
This will place it outside the content container so it can fill the full width of the screen.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hi,
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?
Eid the Block Element, and in the sidebar it will list the Hook, what is that Hook set to ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hello,
That hook is set to HERO.
Can you share a screenshot of what you see there ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hi,
Please check the screenshot URL – https://prnt.sc/CuCe4NpHbu1H
Where its says
Quick hook selectchange that toAfter HeaderDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Thanks, it does the job 🙂
Glad to hear that
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hello,
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.
Customer Support
Hello there,
To clarify, are you looking for something like this?: https://share.getcloudapp.com/z8uQzXkj
Let us know.
Hi,
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.
Create a new Block Element – Hook. Hook it to
before_main_content.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.