How can I adjust the slideshow size on Studio theme desktop version?

[yilmazmert]

Hello, I am using Studio theme. Is it possible to change the size of the slideshow section only on the desktop? Even if I upload the photo in a small size, it always appears the same size on the desktop version. Is it possible to shrink a photo without cropping it?

[WoodyDev]

Hi and welcome!

Could you provide a URL to the page and I will take a look for you

[yilmazmert]

http://dentaltrip.myshopify.com/products/antalya-yalin-dental-clinic

You can see the sample slideshow on this page

[WoodyDev]

Sure!

Add this into the bottom of your base.css file:

section#shopify-section-template--15649559052442__165899651893d7697b {
    width: 30%;
    margin: 0 auto;
}

[yilmazmert]

Thanks a lot, i got what i want for desktop view. But this time it got smaller in mobile view too 🙂 Also, is it possible for me to use this section in this size as a standard wherever I use it?

[yilmazmert · Accepted solution]

.slideshow {
width: 30%;
 margin: 0 auto;


}

@media screen and (max-width: 769px) {
.slideshow {
width: 100%;
}
}

I was able to solve it with this code. Thank you.

[elena-borgna]

I try this solution but it doesn't work with my shop made with studio...

I added the code into the bottom of my base.css file...