Solved

Product Carousel too big - Reduce height

Jamal_Hussain
Tourist
5 0 0

Hello Everyone,

I am using Supply theme and I need help with reducing the height of product carousel / slick slider.  Kindly tell me which part of code needs to be modified? 

My store: https://bitop7.myshopify.com/

Password: jamalhussain

Thanks in advance!

Regards,

Jamal Hussain

P.S: I am new to shopify and created product carousel using some online tutorial, so that's why I do not know which part of code control height.

Slick Carousal Too Big (height).jpg

 

 

Accepted Solution (1)

Not applicable

This is an accepted solution.

Hi @Jamal_Hussain 

Welcome to Shopify Community. 

There should be a class in the slider section .slide-img. Try to find this class and reduce the height from 450 to 300px. It should be as below:

.slide-img {
    height: 300px;
    position: relative;
}

Hope that helps you.

 

View solution in original post

Reply 1 (1)

Not applicable

This is an accepted solution.

Hi @Jamal_Hussain 

Welcome to Shopify Community. 

There should be a class in the slider section .slide-img. Try to find this class and reduce the height from 450 to 300px. It should be as below:

.slide-img {
    height: 300px;
    position: relative;
}

Hope that helps you.