Solved

Reduce columns height

collins276
Trailblazer
213 1 32

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.

 

Screenshot (7).png

 

Accepted Solutions (2)
EBOOST
Shopify Partner
835 229 256

This is an accepted solution.

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;
} 

 

 

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤

View solution in original post

EBOOST
Shopify Partner
835 229 256

This is an accepted solution.

Hi,

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

EBOOST_0-1712562308347.png

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤

View solution in original post

Replies 8 (8)

EBOOST
Shopify Partner
835 229 256

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;
  }

EBOOST_0-1712559298947.png

 

4. Go to customize theme Update image ratio to "adapt to image"

 

EBOOST_2-1712559337596.png

 

EBOOST_1-1712559335270.png

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

EBOOST_3-1712559572881.png

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤
collins276
Trailblazer
213 1 32

Hi @EBOOST 

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

EBOOST
Shopify Partner
835 229 256

This is an accepted solution.

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;
} 

 

 

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤
collins276
Trailblazer
213 1 32

Thank you!!!

Can you help me to expand this pink area too?

 

Screenshot.png

 

EBOOST
Shopify Partner
835 229 256

Hi,

You can add code below:

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

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤
collins276
Trailblazer
213 1 32

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

EBOOST
Shopify Partner
835 229 256

This is an accepted solution.

Hi,

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

EBOOST_0-1712562308347.png

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤
collins276
Trailblazer
213 1 32

Thank you😀