Reduce thumbnail size of second and third product picture dawn theme

[1234Joep43]

I would like to reduce the size of these smaller product picture thumnails on the product page.

[BSS-TekLabs]

Hi @1234Joep43 ,

Can you share your store link?

[Moeed]

Hey @1234Joep43

Can you share your Store URL and Password if enabled?

Best Regards,

Moeed

[Rahul_dhiman]

Hello @1234Joep43

Go to online store ---------> themes --------------> actions ------> edit code-------> assets-------> section-main-product.css -------> line number 1006
search this code

.thumbnail {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 100%;
padding: 0;
color: rgb(var(--color-foreground));
cursor: pointer;
background-color: transparent;
}

and replace with this code ( you can adjust height adn width according to your requirements)

.thumbnail {
position: absolute;
top: 0;
left: 0;
display: block;
height: 68%;
width: 68%;
padding: 0;
color: rgb(var(--color-foreground));
cursor: pointer;
background-color: transparent;
}

and the result will be

If you find this helpful, please like and mark the job as completed.
Thanks

[1234Joep43]

This worked, the pictures are smaller now but there is a big space between the title and the picture:

anyway to reduce that? Thanks so much in advance!