How to vertically align elements in two columns in a row?

[gdub132]

I tried both of these fixes and neither worked:

Vertical Alignment with Columns

Hey Ryan, Thank you for reaching out to us. To vertically align any element, simply enable the Marginless Columns option. First go to the Row settings of your section (see screenshot) [image] Then enable the Marginless Columns option (see screenshot) [image] Then in each of the columns, add the following CSS in the Element CSS area (see screenshot) $el { vertical-align: middle !important; } [image] You’ll find the Element CSS field under Columns’s Customize tab (see screenshot) [imag…

Vertical alignment (column/row)

Hi, I would like to achieve a vertical alignment for text. (see image as example) I have two marginless columns, left column with an image and right column with text. I have some horizontal padding to centre the text on the right column, but if I using vertical padding to centre the text, the responsiveness gets messy in small screens, and the image gets too small also. I would like to know an “automatic” way to centre the text to adapt to the size of the column in different screens. And ke…

I’m trying to align text and an image vertically, they are in the same row, two different columns.

Thanks.

[tristup]

Hi Greg,
Thanks for reaching out.

To make the content vertically aligned center in the column, you need to checked the Flexbox Layout to On. Then set the FLEXBOX > Child Placement to the Column, and select the Align Vertical center.
Please find the screenshot describing the setting.

Hope it helps.
Thanks