sisaul
April 5, 2022, 8:18am
1
Hello,
I am planning to use two types of multicolumns in my landing page, one is with 2 columns, like this:
The other multicolumn would have 3 columns and I would like the end result to look something like this:
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.
Does anybody know how to resolve this?
The link to the page is here: https://ed8xamxzhxawj0hw-60215460006.shopifypreview.com
Thank you in advance!
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;
}
sisaul
April 5, 2022, 12:12pm
3
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.
Do you know how to get it working?
you can add this code into the bottom of the file component-slider.css
.multicolumn-list {
align-items: center;
}
sisaul
April 6, 2022, 5:51pm
5
Hi @Michael_Pink ,
I edited the code, but the button is still there and the description still isn’t below the image.
Thank you in advance!
@sisaul the preview link is expired
sisaul
April 7, 2022, 10:24am
7
sisaul
April 9, 2022, 7:43pm
8
Hello @Michael_Pink ,
Do you know anything else that might resolve this?https://44j3tbfe1pxnc1c4-60215460006.shopifypreview.com
Thank you in advance!
You can try to add this code to bottom of the file: section-multicolumn.css
.multicolumn-list .multicolumn-card {
flex-direction: column;
}
sisaul
April 11, 2022, 4:27pm
10
Hi @Michael_Pink ,
It seemed to do the trick!
There is one thing though, the button doesn’t disappear although the button text is empty:
Do you know how to get rid of the button as well?
