Vertically center a row within a section

[hyperdrive_boom]

Good afternoon,

I would like a section to fill 100% of the screen when you first go on the site and for the row within it to in the middle.

So far I added a class name to the section and added this css:

.FullHeight {
  height:100vh;
}

This has made the section full height. However what do I need to do to make the row in the middle of the section?

Login details / location in secure note. I also have the latest of everything

Thank you!
Jason

[thai]

Hi There,

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

To make 2 columns vertical center, please update your custom CSS to this:

.FullHeight {
    height: 100vh;
    display: flex;
    align-items: center;
}

To learn the flex layout CSS, please take a look at this article: https://css-tricks.com/snippets/css/a-guide-to-flexbox/.

Hope it helps

[hyperdrive_boom]

This is perfect Thai - thank you very much!

[basanta]

you are most welcome!