[Resolved] Same height

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 7 replies, 2 voices, and was last updated 5 years, 4 months ago by David.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
October 5, 2020 at 7:17 am #1473014

Kevin

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

October 5, 2020 at 8:16 am #1473264

David
Staff
Customer Support

Hi there,

can you provide a link where i can see those blocks?

October 6, 2020 at 12:03 am #1474067

Kevin

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 😉

October 6, 2020 at 1:03 am #1474120
David
Staff
Customer Support
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
October 6, 2020 at 1:12 am #1474131

Kevin

Thank you David i will try it 😉

Btw. the staging site is online ^^

October 6, 2020 at 1:22 am #1474140

David
Staff
Customer Support

Looks like its working to me 🙂

October 7, 2020 at 1:15 am #1475942

Kevin

Thank you

October 7, 2020 at 3:52 am #1476160

David
Staff
Customer Support

You’re welcome
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.