Skip Navigation

[Resuelto] Grid elements equal height

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

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 2 años, 2 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

This topic contains 2 respuestas, has 2 mensajes.

Last updated by jillT hace 2 años, 2 meses.

Assisted by: Christopher Amirian.

Autor
Mensajes
#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: 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.

#2291841

Thank you - that did the trick!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.