Hi, The images I uploaded seem to be very large and don’t fit on the screen. When viewing an item, customers must scroll down to see the complete image. I would like the images to be a smaller size but can’t manually edit them all. Any solutions?

Hi @KMichael , Go to Assets > base.css and paste this at the bottom of the file: .global-media-settings img { width: auto !important; margin: auto; right: 0; } .global-media-settings { padding-top: 100% !important; } Hope it helps!

Thank you for your help. I would also need help with coding to resize the image when shown by “you may also like” It only shows a fraction of the image there because the image was originally too large. Could you help me with that?

Hi @KMichael , Please add code: .product-grid .card .media { background: #fff !important; } .product-grid .card__media .media img { height: 100% !important; width: auto !important; margin: auto; right: 0; }

Thank you. This has helped with images that were too long to be shown. But some images are too wide to be shown fully. I am attaching an image of a loveseat. The image is chopped at the sides. What could be done to fix this? [KMichael_0-1663855410277.png]

Hi @KMichael , Please change code here: [Screenshot.png] Code: .global-media-settings { padding-top: 50%!important; }

it did help for most items, some items though still have the images not showing fully. How should I edit that code? [KMichael_0-1664550682269.png]

Hi, The image sizes are still not ideal. Could you please try to help me figure it out? Still, some photos are too wide to display completely. Maybe we should make all of the images taller so that more of the width is visible?

Hi @KMichael , Please add code: .product-grid .card__inner { --ratio-percent: 50% !important; }

Hi, It is still not working properly. What else could be done to fit it to screen?

Hi @KMichael , I checked and it shows fine, this is the section you checked? [Screenshot.png]

Please check out this link. https://yourfurn.com/collections/sofas

How can I resize images for a better customer view?

Technical Q&A

LitCommerce October 7, 2022, 2:04pm 13

Hi @KMichael ,

Please go to base.css file and remove code here:

it will display fine

Topic		Replies	Views
Dawn Theme Bild mit Text Abschnitt Bild vergrößern Technical Q&A shopify-theme	3	39	March 22, 2023
How can I enlarge the image size on my product pages? Store Design	8	100	August 3, 2021
Is it possible to resize all product images to the same size using code? Store Design	7	88	January 20, 2023
How can I adjust zoomed-in product images on my site? Store Design	10	127	November 5, 2021
Why aren't my website images resizing properly? Store Design	2	72	January 15, 2021

How can I resize images for a better customer view?

Related topics