Vertical align

Support
#1

Hi, I have a constant problem while I try to vertical align elements in different columns.
Usually, I have an image on the left or right and a block of text in the other column. Is there any way to make the image vertical aligned in center with text? I’ve tried display:flex too, but for some reason it doesn’t work.
Here’s an example (watch the big icons in center of page):
https://www.hce.international/foryou/

Thanks for your support

#2

Hi There,

Please add the vertical-center class to the container contains the your columns:

After that adding this custom CSS:

.x-container.vertical-center {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

For more information about flex layout, please take a look at this:

Hope it helps :slight_smile:

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.