make preview smaller

[sixdreamz]

Hello,

when i am on my product page of my printed shirts, then in addition to the normal picture there are fit pictures which are displayed in a small preview at the bottom. this preview is very enlarged in the gif. can someone help me to make this look normal?

url: sixdreamz.com

password is: sdc2003

[GTLOfficial]

Hello @sixdreamz 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-main-product.css
add this code at the end of the file.

#Slider-Thumbnails-template--22780389163349__main {
padding-right: 200px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi  @sixdreamz  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
 .thumbnail-slider .thumbnail img{
       object-fit: contain !important;
 }
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly