Archived topic
Same height
7 replies · Started by Kevin on October 5, 2020
Sorry I`am currently a bit lost ;)
How can I get these 4 blocks to the same height, so that not one button is higher than the other.
Thanks
https://prntscr.com/uticau
Hi there,
can you provide a link where i can see those blocks?
Will open the Page soon. For the beginning: Its the Coach Template from the Site Libary / Homepage Part "My Experience & Focus"
I just add a grid more and buttons ;)
OK add this CSS:
.gb-same-height>.gb-grid-column>.gb-container>.gb-inside-container {
display: flex;
flex-direction: column;
height: 100%;
}
.gb-same-height>.gb-grid-column>.gb-container>.gb-inside-container>*:last-child {
margin-top: auto;
}
Then select the Grid Container ( not the Grid Items ) and in the Advanced panel > Additional CSS add: gb-same-height
Thank you David i will try it ;)
Btw. the staging site is online ^^
Looks like its working to me :)
Thank you
You're welcome