Archived topic

Phantom space showing after lightweight grids

6 replies · Started by Nicola on July 21, 2018

Viewing posts 1–7 of 7

July 21, 2018 at 6:56 am #629034

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

July 21, 2018 at 9:54 am #629225

Hi there,

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

Make sure you reference the topic URL.

July 21, 2018 at 11:29 am #629278

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 :)

July 21, 2018 at 11:31 am #629279

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

July 21, 2018 at 11:59 am #629289

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.

July 21, 2018 at 12:19 pm #629299

Thanks, that worked!

July 21, 2018 at 5:00 pm #629397

No problem!

This archived topic is closed to new replies.

Start building better websites today.