[Support request] GenerateBlocks – Height Issue

[Brett]

I’m on the latest version of WP 5.5, GeneratePress, GP Premium, and GenerateBlocks on my local. I’ve setup a two-column grid that is on top of a colored background. When I go to view the page, the left grid box looks fine, but the right grid things shows my colored boards where I would expect them to be. However, the right grid box has a bunch of white space under them that shouldn’t be there. I’ve chased it down to this piece of code.

.gb-grid-wrapper > .gb-grid-column > .gb-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

If I inspect and toggle off the height:100%, the grid box is fixed.

I can’t seem to find that setting. Can you help?

[David]

Hi there,

can you share a link to the site where i can see the issue ?

You can edit your original topic and use the Site URL field to share it privately.

[Brett]

Link added to the original forum request.

[Tom]

Hi there,

It seems that the link expired.

Is there a permanent test server you can replicate it on?

Let us know 🙂

[Brett]

Sorry, I had to jump off and the laptop timed out. Give it another try!

[Brett]

I’m logging off for the weekend. Maybe I should just try setting that page up again and see if that works better.

Have a good weekend.

[David]

One thing to check is the Grid parents Vertical alignment:

https://docs.generateblocks.com/article/grid-overview/#editing-our-grid-block

Make sure its set to default – this will force same height columns.
Any other vertical alignment will break that.

[Author]

Posts