How can I limit the size of the slider?

Highlighted
Tourist
6 0 0

I am trying to limit the size of the Slick Slider on my website so I don't get a full-width on the computer and pad view of my website and can't seem to find the way to customize it. Can someone lend me a hand?

 

The website is https://adelaide-addition.com/

 

It is the slider on the home page.

0 Likes
Highlighted
Shopify Partner
1588 347 465

Hi

Please send screenshot for me. what do you want?

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
6 0 0

Thank you for answering!

 

I want the slider on the home page to be smaller, right now it is full-width.

Screenshot 2020-06-03 at 15.47.31.png

Do you want to paste the code?

0 Likes
Highlighted
Tourist
6 0 0

Sorry there was a typo on my last message. I meant to say if you wanted me to paste the code.

0 Likes
Shopify Partner
1588 347 465

Hi

Try to add following css in your assets/theme.scss.liquid file

 

.full-width {height: 100%; max-height: 400px;}
.rimage-wrapper .rimage__image.fade-in {height: 100%; max-height: 400px;}

Hope this will work for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
6 0 0

Would that work for just the slider?

 

I don't want to limit the size of all images...

0 Likes
Highlighted
Tourist
6 0 0

I have added the code on the slider section, it didn't change anything...

 

Screenshot 2020-06-03 at 16.34.44.png

0 Likes