Vertical align image in column

Hi there,

I’m trying to vertical-align the images in the bottom section “Sponsors” on this page: https://veganchallenge.co.za/. I’ve tried the CSS code vertical-align: middle but it doesn’t work. Any suggestions?

Login attached.

Hi there,

Thanks for writing in! The CSS you’re using vertical-align: middle should work correctly as you’re using margin-less columns. You can give your section that has the images a class align-middle and then add the following code in the Theme Options > CSS:

.align-middle .x-container.marginless-columns .x-column, .align-middle .x-container.marginless-columns .x-column img {
    vertical-align: middle !important;
}

Let us know how this goes!

That works perfectly! Thank you so much :slight_smile:

You’re most welcome!

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