How to center vertically images in multicolumn Dawn 2 theme

Store Design
,
1

Hello,

I am trying to figure it out how to vertically center images in the multicolumn component.

The images are aligned to the top. It looks bad on the mobile.

I would appreciate it any suggestions.

here is link:

https://amazing-greek-honey.myshopify.com/

pass: eafrea

See below.

Screenshot 2023-02-05 at 5.57.53 PM.png
Screenshot 2023-02-05 at 5.57.53 PM.png416×464 28.5 KB

2

Hello @greener2023 ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1675654172414.png
GemPages_0-1675654172414.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

3

Hi @greener2023

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->section-multicolumn.css

.multicolumn-list__item.center .media--adapt img {
    transform: translate(-50%, -50%) !important;
    top: 70% !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

4

Thank you Victor.

I appreciate it your answer. It worked.