[Resolved] Grid container blocks: same height

[Markus]

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

[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

[Fernando]

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%;
}

[Markus]

This was the solution. Thank you, very good support.

[Fernando]

You’re welcome Markus!

[Author]

Posts