[Resolved] Lightweight Grid Columns Vertical align

Home Forums Support [Resolved] Lightweight Grid Columns Vertical align

Home Forums Support Lightweight Grid Columns Vertical align

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

    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

    #681012
    David
    Staff
    Customer Support

    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.

    #681025
    Brian

    Hi David,

    Thank you very much for that. Much appreciated!

    #681043
    David
    Staff
    Customer Support

    Glad i could be of help 🙂

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