[Support request] Images overlapping in Lightweight Grid Columns

Home Forums Support Images overlapping in Lightweight Grid Columns

This topic contains 3 replies, has 2 voices, and was last updated by  David 5 days, 5 hours ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1030882

    Afa

    Hi, I’m working off of the Catalyst template in the site library.
    It’s using the LGC plugin.

    I’m having an issue, if you scroll all the way down you’ll see that the images are overlapping with the content from the next section. They’re actually also overlapping with the <hr> in the same section that should be right below them.

    I can’t seem to figure this out after searching the forum for a bit, would appreciate your help.

    Thanks

    #1031087

    David Customer Support

    Hi there,

    try adding this CSS:

    .lgc-column {
        height: auto !important;
    }
    #1031481

    Afa

    Hi David, that worked! Thanks for your help.

    I’m a bit new to CSS. But, if I wanted to understand how you got that fix and how it works, where could I look?

    #1031516

    David Customer Support

    It comes from endless hours of writing HTML and CSS. Then using the Browser Developer Tools ( Right Click > Inspect ) to have a look at the issue. In this case it was the Same Height Grid columns getting a little confused by the height of the content. So its a bit of a hack really.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.