Archived topic
Equal Height with Lightweight Grid Columns
3 replies · Started by Beau on February 25, 2018
I'm looking to replicate these equal height columns by using your Lightweight Grid Columns plugin and GP.
All I really need is to be able to change the background color for each column so that each column has a colored fill with the same height, no matter the volume of content.
An added benefit would be to have them all initially have the same height (with screens 1200px and up) and have them retain the same heights as the screens get smaller, pretty much what you see in the link I sent above.
Thanks!
Hi there,
It's actually not possible to use LGC to create equal height columns because the method it's using.
This should help: https://generatepress.com/forums/topic/equal-height-grid-column/#post-376154
HI I'm getting a clash with the equal heights on grid columns. Please see this site https://wanderful.ie/ It is most obvious on the boxes with the fox. It's very hard to pin point because it disappears once you bring up the inspector but I think it is the equal heights. I've turned off all plugins and it still doesn't work
Hi there,
To clarify: Did you mean this section? https://share.getcloudapp.com/v1uNEorA
If so, try adding this CSS:
.lgc-equal-heights p {
max-height: 170px;
overflow: hidden;
}