Archived topic
Align headline blocks in element next to each other
3 replies · Started by Max on September 18, 2022
Hi there!
I'm trying to create a new element that goes underneath the header on all checkout pages.
- How it looks on my old website that I try to replicate: https://jmp.sh/lmrrdxv
- How it currently looks in GeneratePress: https://jmp.sh/cFt7xY4
I used the headline element and set it to paragraph so I could add an icon, but don't see an easy way to get them next to each other.
I tried the columns block, but didn't manage to get an equal 40px between each 'headline' block. There would be 40px between columns, but not between the actual text/icons.
Thanks!
Hi Max,
There's an option called inline-width for headline block:
https://docs.generateblocks.com/article/headline-overview/#spacing
Enable that option, it should align the headlines in one row.
Then you can add padding/margin to the headline block for the spacing between each other.
Thanks Ying!
Didn't know about that option, was thinking way too difficult.
You are welcome :)
Glad it works for you!
