Archived topic
Keep text on header image to the left
6 replies · Started by Renske on October 14, 2022
Hi there,
as you can see on my homepage (zie private info), the h1 en h2 are all over my face :) Is there a way to keep the text on the left part of the screen?
TIA!
Hi there,
Since you are already using GenerateBlocks, I would recommend creating a block element page hero to replace the existing header element:
https://docs.generatepress.com/article/block-element-page-hero/
Then you can add a grid block in the page hero:
https://docs.generateblocks.com/article/grid-overview/
And keep all the text in the container on the left.
Let me know if this helps :)
Thanks, I will try this out! :)
Hi Leo!
I've created a block element page hero.
How do I make sure it looks like the one I'm using now? (except for the copy).
To be specific:
1. How do I merge with the navigation bar? FIXED
2. How do I create space between the buttons?
3. How do I create an overlay effect?
4. How do I add the curve?
See private info for the urls :) TIA!
Hi there,
2. Select the Left Button block, and in its Spacing give it some Right Margin.
3. with the Container Block selected, in Backgrounds you can enable Gradient and set it to a Pseudo Element.
4. with that same Container Block selected go to the Shapes panel where you can add a shape
Thanks David, managed to fix 2 en 4. But nothing happens when I enable gradient and set it to a pseudo-element. I'm moving the bar and have filled in Color One and Color Two, but nothing happens.
Could i get temporary admin access so i can see what is going on ?