Hello, I was wondering how can I adjust the size of the product images on the product page on desktop version only. Currently, on desktop, the images shown are too big and they don’t fit on the visible page, which makes you scroll down a bit in order to see the full image. I want to make the imag…

Hello, Go to Online Store Edit Code Find theme.css/base.css file Add the following code in the bottom img.image__img { width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: cover !important; border-radius: 10px !important; } Thanks!

The image thumbnails are too close to the left edge of the screen. Is there any way to add a small gap there?

@martujv sorr for late reply, Try this one, this code working in myy desktop ul.product-thumbnails__items { flex-direction: column !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; border-radius: 5px !important; text-align: center !important; margin-left: 6px !im…

The only problem now is that the selected image’s thumbnail has a weird box around it: [Captura de pantalla 2024-11-22 a las 15.46.28.png] Is there any way to remove that border? Or to add a black 0.2 opacity to the selected image instead? Something like this: [Captura de pantalla 2024-11-22 a …

.product-thumbnails__item-link.active::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }

Has anyone come up with a solution for this problem? I have this issue and it is super annoying. On desktop it looks really ugly and unprofessional. [Skärmavbild 2025-07-31 kl. 18.19.57]

Make Product Images Smaller On Desktop

Store Design

martujv November 22, 2024, 3:02pm 7

Hello, tried the code but nothing changed

Topic		Replies	Views
Reduce image size on product page just on desktop version (Modular theme) Technical Q&A	11	128	November 30, 2023
Help with proportions on my product page Store Design design , customizations , shopify-themes	1	55	December 3, 2025
images on product page are too big (yuva theme) Store Design product-page	4	115	November 1, 2024
How can I change the width of the section or the page width? Store Design design , landing-page , css , shopify-themes , troubleshooting	5	321	August 18, 2023
How can I resize product images for desktop on my site? Store Design design , landing-page , css	4	112	July 19, 2024

Make Product Images Smaller On Desktop

Related topics