How to create this top page section?

[Tim]

Have tried numerous methods with custom Elements etc. but being relatively new to GP I’m not able to figure out how to get the top of all pages to include the elements shown in the rough mockup image below.

Hopefully someone can at least point me in the right direction as to where to start.

Thanks!

[Tim]

One more try…
Sample Image

[Leo]

Hi there,

Just to confirm, would that be the header of your site?

So 3 sections: City, St. and Phone number on the left, logo in the center and Accredited Business on the right?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tim]

Thanks for the reply. Yes, your interpretation of the desired layout is correct.

I have made some progress, or at least what I think is progress, setting up Element Blocks. I can do three columns in the block and insert the info I want accordingly. Not sure if that’s the best approach but the problem I’m having there is that there is no padding or way to set padding that I can see. Everything just butts up to the top of the block.

Perhaps there’s a better way?

[Leo]

setting up Element Blocks. I can do three columns in the block and insert the info I want accordingly.

That’s actually what I would suggest.

Then instead of the columns block from WordPress, try grid and container blocks from GenerateBlocks which would allow you much better control for paddings etc:
https://wordpress.org/plugins/generateblocks/
https://docs.generateblocks.com/article/container-overview/
https://docs.generateblocks.com/article/grid-overview/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tim]

Then instead of the columns block from WordPress, try grid and container blocks from GenerateBlocks which would allow you much better control for paddings etc:
https://wordpress.org/plugins/generateblocks/
https://docs.generateblocks.com/article/container-overview/
https://docs.generateblocks.com/article/grid-overview/

Ok, I’ll give that a shot. Sounds like it might be a better solution. Stay tuned… 🙂

[Tim]

Then instead of the columns block from WordPress, try grid and container blocks from GenerateBlocks which would allow you much better control for paddings etc:

Ok, installed the plugin and with some early testing it appears it may be an answer. I’ll continue to play around with it but so far– looking good.

Thanks much for the input.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts