Second image on hover - make the image fit to container

[rapidturtle]

Hello there,

I'm using Studio 13.0.1.

Second image on hover works well but the second image is cut off on the side.

How can I make the second image fit to container?

Below, you can see the image in the middle is the second image we see on hover and it doesn't fit the photo thumbnail.

Many thanks in advance!

[PageFly-Oliver · Accepted solution]

Hi @rapidturtle ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[rapidturtle]

Hello Oliver,

Perfect!

Thank you so much for your quick and clear help!