Archived topic
How to position image half way over page hero
7 replies · Started by June on September 17, 2021
Hi,
I want to put an image half way over the page hero just like here in the link below:
https://backlinko.com/promote-your-blog
Please guide.
Hi there,
Any chance you can link us to the site in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Hi,
Please find the site link in private information area.
Looking forward.
Hi there,
Can you remove the CSS for the .hawk-hero img?
Add the image block to a new gb-container instead of adding it inside the green backgrounded gb-container?
Then add a negative top margin to the newgb-cintainer.
Set the new gb-container z-indexto 10.
We'll have a look then to see if CSS is needed to tweak the final layout. :)
Thanks Ying!
It really helped but some CSS work is needed to get the exact results.
Your assistance would be highly appreciated.
Can you try to set thetop marginand z-index using the options in container instead of using CSS?
https://docs.generateblocks.com/article/container-overview/#spacing
When setting z-index, choose inner z-index.
Let me know :)
Thank you so much, Ying!
It worked like a charm. So happy with your assistance.
Great!
Glad to hear that :)