Setting the secondary image in the Product Slider to "Contain" vs. "Cover" (Monaco Theme)

[NotABot1011101]

I’m trying to find a way to change the image scaling of the secondary (not main) image in my product slider. It is currently set to cover (i.e., stretch the image to fit the box) and I need it to “contain” the image instead. I attached an image below that shows which images I’m referring to. Additioanly, from what I can see there is no option in the Product Slider settings that updates this the “Fit” setting only applies to the main product image (left). I’m guessing I’ll need to update the CSS… somewhere.

domain: https://borriello.co

pw: pw1234

[BSS-TekLabs]

• Here is the solution for you @NotABot1011101
• Please follow these steps:

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before and press ‘Save’ to save it

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.