Vertically Align row or column

[AaronLentz]

Hello,

I was able to figure out how to make the section background image full width no matter what the screen size is, but I can’t figure out how to Vertically align center the content in the section (Headline, Text, Button. Here is a link to the website page that I’m referring to: https://new.athenscolumbus.com/sundays/

Any help you could offer would be greatly appreciated. Thanks!

[ruenel]

Hi @AaronLentz,

Thanks for writing in!

You are on the right track. The only difference that would resolved your issue is to remove the fullscreen class from your section and add it in your row settings instead. And then you must update your css code into this:

.fullscreen {
    min-height: 100vh !important;
}

.fullscreen .x-column{
    vertical-align: middle !important;
}

We would loved to know if this has work for you. Thank you.

[AaronLentz]

Hi RueNel,

Thanks so much for your response and helpful answer. That did the trick. It works now! Thank you! Appreciate you taking the time to solve this. : )

[ruenel]

You’re most welcome!
Thanks for letting us know that it has worked for you.