Product Page Image Issue

[Testing120]

I haven't done any changes to theme. Today I checked my product page first image is out of dimension other images of product are fine only 1st image of all product showing small in size. I tired to reupload image but still same results.

Website : click here

Screenshot:

[Made4uo-Ribe]

Hi @Testing120 

check this one.

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
    width: 500px;
    height: 500px;
}

• And Save. 
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Testing120]

pasted code in base.css but still main image is showing small size other images are fine only first image of all products having issue

[BSSCommerce-B2B · Accepted solution]

Hi @Testing120 , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

.productView-image.fit-unset .productView-img-container img:not(.zoomImg) {
    width: 500px !important; 
    height: 500px !important; 
}

Step 3: Save your code and reload this page.

=>> The result: 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!