Skip Navigation

[Resolved] Grid elements equal height

This thread is resolved. Here is a description of the problem and solution.

Problem:

How to make the Grid element the same height.

Solution:

Customer had border inside the inner wrapper and that is why the way to make the items same height was to add the CSS code below:

.tb-grid .tb-grid-column,
.tb-grid .tb-grid-column .wpv-block-loop-item,
.wp-block-toolset-blocks-grid{
    height: 100%;
}
This support ticket is created 2 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 2 replies, has 2 voices.

Last updated by jillT 2 years, 10 months ago.

Assisted by: Christopher Amirian.

Author
Posts
#2290893

Tell us what you are trying to do?
I have a search view and I want the grid elements in the output to all be equal height

Is there any documentation that you are following?
https://toolset.com/forums/topic/toolset-blocks-loop-style-grid-equal-heights/

What is the link to your site?
hidden link

I added the following to the custom css of the view, but it isn't working

.tb-grid .tb-grid-column,
.tb-grid .tb-grid-column .wpv-block-loop-item {
height: 100%;
}

#2291787

Christopher Amirian
Supporter

Languages: English (English )

Hi there,

Please change the CSS code to:

.tb-grid .tb-grid-column,
.tb-grid .tb-grid-column .wpv-block-loop-item,
.wp-block-toolset-blocks-grid{
    height: 100%;
}

Thank you.

#2291841

Thank you - that did the trick!