Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
This is an 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.
Hi and welcome!
Could you provide a URL to the page and I will take a look for you
http://dentaltrip.myshopify.com/products/antalya-yalin-dental-clinic
You can see the sample slideshow on this page
Sure!
Add this into the bottom of your base.css file:
section#shopify-section-template--15649559052442__165899651893d7697b {
width: 30%;
margin: 0 auto;
}
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?
This is an 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.
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...
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025