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

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

Home Forums Support lcg column gives ca 25px extra to one column

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #245186
    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

    #245187
    Marjon Tas

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

    #245220
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #245345
    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

    #245430
    Tom
    Lead Developer
    Lead Developer

    You could try adding this CSS:

    .inside-grid-column {
        margin-bottom: 0;
    }
    #245451
    Marjon Tas

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

    #245457
    Tom
    Lead Developer
    Lead Developer

    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%;
    }
    #245463
    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!

    #245604
    Tom
    Lead Developer
    Lead Developer

    Glad it works πŸ™‚

    #245792
    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

    #245892
    Tom
    Lead Developer
    Lead Developer

    Glad I could help! πŸ™‚

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.