Reduce columns height

[collins276]

Hi,

I’d like to reduce the height of the columns in Multicolumn 2 section.

My url: https://189ee3-2.myshopify.com

Thank you guys.

[EBOOST]

Hi @collins276 ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/base.css

3. Remove code line 3354 code below:

.card__inner {
    height: 86vh !important;
  }

4. Go to customize theme Update image ratio to “adapt to image”

Or you can ignore Step 4 after go to Snippets/card-product.liquid update code likes the screenshot below

[collins276]

Hi @EBOOST

The image is in Multicolumn 2 (heading) section. Can you check it again?

[EBOOST]

Hi,

You can go to Assest/base.css after add code below to bottom of file

ul#Slider-template--16762544783542__multicolumn_znjWbh .media{
	padding-bottom: 100%!important;
}

[collins276]

Thank you!!!

Can you help me to expand this pink area too?

[EBOOST]

Hi,

You can add code below:

ul#Slider-template--16762544783542__multicolumn_znjWbh .multicolumn-card__info{
	padding-bottom: 2.5rem;
}

[collins276]

The Pink area, not the White one. Can you check that again

[EBOOST]

Hi,

If you want to add more space for pink area. You can go to customize to update setting

[collins276]

Thank you