Archived topic

Lightweight Grid Columns Vertical align

3 replies · Started by Brian on September 19, 2018

Viewing posts 1–4 of 4

September 19, 2018 at 5:05 am #681000

Hi,

I am using lightweight grid columns in sections - gp & gp premium. I am trying to vertically align text to the middle. I have tried using http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ but It doesn't seem to work. I also tried using gridable with this code but text disappeared under the image. What am I doing wrong?

Kind Regards,

Brian Thompson

September 19, 2018 at 5:15 am #681012

Hi there,

remove the inline CSS you have added to the div. Leave the div for your wrap. Then add this CSS to your Customizer > Additional CSS:

.inside-grid-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

This will vertically center all lightweight grid column content.

September 19, 2018 at 5:27 am #681025

Hi David,

Thank you very much for that. Much appreciated!

September 19, 2018 at 5:45 am #681043

Glad i could be of help :)

This archived topic is closed to new replies.

Start building better websites today.