[Resolved] Align headline blocks in element next to each other

[Max]

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!

[Ying]

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.

[Max]

Thanks Ying!

Didn’t know about that option, was thinking way too difficult.

[Ying]

You are welcome 🙂

Glad it works for you!

[Author]

Posts