Site logo

Archived topic

Same height

7 replies · Started by Kevin on October 5, 2020

Viewing posts 1–8 of 8

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

This archived topic is closed to new replies.