Vertically align text

[jamie2364]

Hi

see my page

jamieharrisonmusic.com/bold-as-love-lesson

and scroll down to ‘whats included’ section

I want to vertically center the text so that it’s centred vertically against the picture on the left. Is there a simlle way to do this (so that it centers the text responsively for mobile devices as well?

Thanks
Jamie

[christopher]

Hi there,

Go to the section options that you want to have a vertically centered text and click on the Customize tab and then add the Class vcentered in the Class input box:

Then please kindly add the CSS code below to X > Launch > Options > CSS:

.vcenter .x-container .x-column:last-child {
    display: flex;
    align-items: center;
}

.vcenter  .x-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

Thank you.