Center Align Image using Image Element

Hi,
I am using a simple “Image” element on my home page and I cannot get the image to center-align vertically, it just keeps appearing at the bottom. If I add padding, it looks terrible on mobile.

Can you please let me know how I can vertically center-align this image of the grapes ?

Thank you!

Hi Kate

Thanks for reaching us.

In your site, the column containing the image has justify-content attribute which has the value flex-end.

Screenshot_3_

To make this image vertically aligned center, you need to change flex-end to center.

To change this, Go To Builder -> Select The Column -> Flex Box -> Align Vertical -> Center.
Please find the screenshot for your reference.

Hope it helps

Thanks

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