[Resolved] lcg column gives ca 25px extra to one column

[Marjon Tas]

Hi Tom,

I am using a combination from GP, LCG plugin and events manager. I managed to adjust the look of an eventslist with LCG plugin. Images left – text right. But I cant get rid of the extra space in the second column. It makes them unequel. And they keep doing that.

Could you take a look what is wrong here? I tried everything with css, but it seems to make a height. And I don’t know how to change it.

https://d3rdeverdieping.nl/cursussen-en-workshops/

This is the url.
Thanks,

Best regards,
Marjon

[Marjon Tas]

I forgot to add that I work in Chrome, in safari it is not yet styled.
Thanks!

[Tom]

Have you tried equal_heights="false" inside your shortcode parameters??

That will stop the columns from forcing equal heights and might help.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marjon Tas]

Thanks for your quick response!

I tried it in both columns, and in one of them. It does something, but I don’t think it will lead to what I would like: equal height, but than equal..:)

It seems to me that here comes an extra margin of 30 px at the bottom of the image, that I cannot trace back. With this trick, it still is there… only the format of the picture changes, or the size of the columns. Wich don’t relate, but I want them to relate..

Hope you can take an other look. Thanks

[Tom]

You could try adding this CSS:

.inside-grid-column {
    margin-bottom: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marjon Tas]

Thanks! That is already better. It still leaves a little unequality space left…

[Tom]

Hmm, try this:

.css-events-list .lgc-first .inside-grid-column {
    height: 100%;
    margin-bottom: 0;
}

.css-events-list .lgc-first .inside-grid-column img {
    position: relative;
    vertical-align: bottom;
    height: 100%;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marjon Tas]

That works, only I suppose I should use pictures of the right height and lenght. I will try. I come back to you!

[Tom]

Glad it works 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marjon Tas]

Hi Tom,

I changed the height of the image in a ‘min-height’. That gave the final touch.
Thanks so much for helping me out!! I am working a lot with your theme, with a lot of pleasure for it is so flexible. I discover al the time new things. Thanks!

Best regards,
Marjon

[Tom]

Glad I could help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts