Archived topic
Grid container blocks: same height
4 replies · Started by Markus Kitroschat-Vogt on September 24, 2022
Hi Generatepress Team,
I have some blocks here: https://www.radtouren-checker.de/radtouren-und-radwege/#top-40-radrouten-in-deutschland
I'd prefer that they have the same height. But as the names of these cycle routes have different lengths the height of the blocks differs. Sometimes they need one row, sometimes two, and sometimes three.
How could I define a common height for all these blocks? Is this possible?
Kind Regards,
Markus
Dear Generatepress Team,
Could you help me with this topic? The different rows lead to different block heights, and they should have the same size.
Kind Regards,
Markus
Hi Markus,
Can you try adding my-grid to the class list of the GB Grid Blocks? This can be done through the Advanced section in the Block settings.
Then, add this in Appearance > Customize > Additional CSS:
.gb-grid-wrapper.my-grid .gb-grid-column > .gb-container > .gb-inside-container, .gb-grid-column > .gb-container > .gb-inside-container > .gb-container{
height:100%;
}This was the solution. Thank you, very good support.
You're welcome Markus!
