Archived topic
Make Buttons same height
5 replies · Started by Gonzalo on September 15, 2022
Hi,
I would like to have same height buttons as now as you can see on the following page the buttons are different height as they have different amounts of text in them.
https://svpremier.com/downtown-san-diego/district/columbia/condos/bayside/
Thanks for your help!
I followed this thread with no success:
https://generatepress.com/forums/topic/problem-creating-equal-columns/
And this one:
https://generatepress.com/forums/topic/same-height/
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.