How can I reduce the height of my product carousel in Supply theme?

Technical Q&A
1

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
Slick Carousal Too Big (height).jpg1915×969 112 KB

2

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.

1 Like