Grid elements equal height

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 Il y a 3 années et 6 mois. 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.

Ce sujet contient 2 réponses, a 2 voix.

Auteur

Publications

février 13, 2022 at 7:13 #2290893

jillT

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

What is the link to your site?
lien caché

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

février 14, 2022 at 11:36 #2291787

Supporter

Les langues: Anglais (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.

février 14, 2022 at 12:20 #2291841

jillT

Thank you - that did the trick!