Dawn theme multicolumn with 3 columns not centered in the page

sisaul
Explorer
55 0 16

Hello, 

I am planning to use two types of multicolumns in my landing page, one is with 2 columns, like this: 

sisaul_0-1649146329748.png


The other multicolumn would have 3 columns and I would like the end result to look something like this:

sisaul_1-1649146402591.png

Currently when trying to use 1/3 width of the column for the image the images aren't centered on the page. What's more is if I add a description below the image a button pops up. 

sisaul_2-1649146631173.png

Does anybody know how to resolve this?

The link to the page is here: https://ed8xamxzhxawj0hw-60215460006.shopifypreview.com

Thank you in advance!

 

Replies 9 (9)

Michael_Pink
Shopify Partner
446 77 107

Hi @sisaul in this case you can try to add this code into the bottom of the file component-slider.css

.multicolumn-card {
justify-content: center;
}
My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
sisaul
Explorer
55 0 16

Hi  @Michael_Pink 

It seemed to do the trick but the button still appears when adding a description and the description is't below the image, as I would like to.

sisaul_0-1649160739692.png

Do you know how to get it working?

 

Michael_Pink
Shopify Partner
446 77 107

you can add this code into the bottom of the file component-slider.css

.multicolumn-list {
align-items: center;
}

 

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
sisaul
Explorer
55 0 16

Hi @Michael_Pink,

I edited the code, but the button is still there and the description still isn't below the image.
Do you know what else might resolve this issue?

Thank you in advance!

Michael_Pink
Shopify Partner
446 77 107

@sisaulthe preview link is expired

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
sisaul
Explorer
55 0 16

Hey @Michael_Pink 


Here is the link: https://qv02goz1frighaor-60215460006.shopifypreview.com

 

Many many thanks for helping me out!

sisaul
Explorer
55 0 16

Hello @Michael_Pink

Do you know anything else that might resolve this?
Here is the updated preview link: https://44j3tbfe1pxnc1c4-60215460006.shopifypreview.com

Thank you in advance!

Michael_Pink
Shopify Partner
446 77 107

You can try to add this code to bottom of the file: section-multicolumn.css

.multicolumn-list .multicolumn-card {
flex-direction: column;
}
My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
sisaul
Explorer
55 0 16

Hi @Michael_Pink,

It seemed to do the trick!
Many many thanks to you.

There is one thing though, the button doesn't disappear although the button text is empty: 

sisaul_0-1649694405676.png

 

Do you know how to get rid of the button as well?