Site logo

Archived topic

Make Buttons same height

5 replies · Started by Gonzalo on September 15, 2022

Viewing posts 1–6 of 6

Hi there,

You are overkilling it with all the Grids and Buttons.

Try to follow the below instructions:

1. Build the button structure like this, only 1 buttons block and multiple buttonblocks, toggle the Fill horizontal space option for the Buttons block,
https://www.screencast.com/t/7UUXCjissIu

2. Add a CSS class to the buttons block, eg.same-height-buttons:
https://www.screencast.com/t/XYJdrbJ4yyb

3. Add this CSS:

.gb-button-wrapper.same-height-buttons {
    align-items: unset;
}

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

Then it will display all the buttons at same height on the front end:
https://www.screencast.com/t/mB5Jf8pvqo

Let me know how it works :)

Beautiful! Thanks! I spent hours on this and you fixed it in 5 minutes, thanks so much!

Haha, you are welcome! That's what are do for a living :P

We'd better be good at it.

This archived topic is closed to new replies.