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 hace 3 años, 6 meses. 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.

Este tema contiene 2 respuestas, tiene 2 mensajes.

Última actualización por jillT hace 3 años, 6 meses.

Autor

Mensajes

febrero 13, 2022 at 7:13 am #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?
enlace oculto

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

febrero 14, 2022 at 11:36 am #2291787

Colaborador

Idiomas: Inglés (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.

febrero 14, 2022 at 12:20 pm #2291841

jillT

Thank you - that did the trick!