Images in Product Description are too big on desktop

Shopify Discussion
1

I recently installed a new theme and realized that the images within the product description are not responding to the text editor.

I have tried sizing them with HTML, the Shopify image editor, etc and what I have set as a 500x500 image is showing as a very pixelated full screen image.

For example this is the HTML for one of the images:

number recognition bundle

But it is showing 100% full screen: https://lifeovercsstore.com/products/back-to-school-number-recognition-mats-ten-frames-array-tally-mark

2

When you inspect the image in Google chrome, it shows that there’s some CSS applied to it, forcing it to be 100% width.

image width set to 100 percent.png
image width set to 100 percent.png1868×920 337 KB

I’m not too sure what is causing this (without being able to play around with the theme myself). You could try adding a ‘class’ attribute to your HTML coding for the image, and then use some CSS to force the image to be smaller.