[Resolved] Phantom space showing after lightweight grids

[Nicola]

Hi, I’m using lightweight grids on one of my pages, the grids seem to be working fine however there is a large expanse of empty space showing up on the page after the last grid and before the next lines of text. I cannot work out why it is there. If I ‘inspect’ the page using Chrome browser I see there is some html which may be causing this? I don’t know what this is…

But also, once I ‘inspect’ the page, the space disappears, only to come back when I go look on the actual page. ??!
Any ideas what this might be please?

The site is currently in ‘coming soon’ mode, how do I send you a link to the webpage plus password?

Thank you,
Nicola

[Leo]

Hi there,

You can send it through Account Issues here:
https://generatepress.com/contact/

Make sure you reference the topic URL.

[Leo]

Any specific reason why you are using LGC there?

Seems to be a one column layout.

If you are doing it for the indent, there is actually a easier way.

Let me know 🙂

[Nicola]

Hi Leo, yes well spotted, I’m using the grids for the indent and would be delighted to learn an easier way to implement them!

Thanks,
Nicola

[Leo]

Looks like you already have this CSS added in Simple CSS:

.accordion {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}

Try removing the columns and just add one more line to the CSS:

.accordion {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
    padding-left: 40px
}

Let me know if this helps.

[Nicola]

Thanks, that worked!

[Leo]

No problem!

[Author]

Posts