How do I add a white border around my images/make them look less zoomed in?

Dike
Pathfinder
105 1 41

Hello everyone!

Almost all of my images are very zoomed in, which makes it hard to see what kind of products I'm offering.

Screen Shot 2021-11-02 at 19.37.27.png
This is supposed to be a bottle of perfume, but it looks nowhere near like it. How can I tweak how the images are shown? I've quite a lot of products and changing them one by one would be a nightmare.

Any help is greatly appreciated!

Thank you.

 

URL: https://glowee.nl/

Replies 3 (3)

abrarulh
Visitor
2 0 0
<style>
.media>img {
object-fit: contain;
}
</style>
 
paste this code in the stylesheet and check.
Dike
Pathfinder
105 1 41

Hello, thank you so much for your reply. I don't know where the stylesheet is located, could you tell me the exact location? Thanks!

abrarulh
Visitor
2 0 0
Goto Online Store->Actions->Edit Code->theme.liquid->Search </head> by hitting ctrl+F->paste the entire code above it