Resize slideshow images for desktop on the Studio theme

[karthikbhaskara]

Hello all !

I am designing a landing page using the studio theme. I have used a slideshow component and I am unable to optimise the size of the images for mobile and desktop at the same time. 

I am hoping to reduce the height of the desktop images by around 100px. 

Please guide me on how I can go about this. 

Thank you !

[KetanKumar]

@karthikbhaskara 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[karthikbhaskara]

Hi Ketan Kumar

Hope you are doing well. Thank you for replying. 

Here is the link
https://6h4bn2y97bxgj675-43429658791.shopifypreview.com

It's the first slide show from top

Want to reduce the height only for the desktop version

Looking forward to hearing from you

Regards

Karthik

[KetanKumar]

@karthikbhaskara 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media screen and (min-width: 750px) {
#Slider-template--15393629012135__slideshow::before, #Slider-template--15393629012135__slideshow .media::before {padding-bottom: 50% !important;}
}

[karthikbhaskara]

Hello Ketan

Thank you for responding

This did not work as I wanted. The slide show images are getting cropped instead of being resized. Please check attachment for details

Really appreciate you helping me

Thanks

Warm Regards

Karthik

[KetanKumar]

@karthikbhaskara 

oh sorry but ican't see code and your attachment 

[karthikbhaskara]

@KetanKumar 

Here are the screenshots of before and after using your code.

Instead of the bottom being cropped, I am hoping the entire image is resized and present.

Please let me know if it makes sense.

After using your code

Before using your code

[ChallahMaven]

Did you ever figure this out?  I'm also trying to resize the images in my slideshow, using the Studio theme.