My Pictures Are Too Zoomed In

[newseller23]

When I post of my pictures only part of my product is visible. They are too zoomed in and only show part of my product. How do I fix the issue so customers can see my entire product in the picture?

[suyash1]

@newseller23  can you please share this page link?

[newseller23]

https://olympusmarketplace.com/collections/all

[suyash1]

@newseller23 if we contain images the it will be like this

[newseller23]

What am I doing wrong?

[suyash1]

@newseller23  - you want like screenshot above? you have not doe anything wrong, it is just css

[newseller23]

Yes I want it to display like the screenshot above. What do I have to do?

[suyash1]

@newseller23 - 

please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.card__media .media img {object-fit: contain !important;}

[newseller23]

Thank you I added the code at the end and it works. What computer language is this?

Another problem is I have the same problem with my secondary pictures. They are also too zoomed in. 

The first 2 pictures are fixed but the other pictures are too zoomed in. They don't show the entire product until you click on them. 

https://olympusmarketplace.com/products/ka-bar-bk18-becker-harpoon-1095-crovan-steel-fixed-blade-kni...

[oscprofessional]

Hello @newseller23 
Can You Please share your Store URL? I will check and provide a proper solution

[newseller23]

https://olympusmarketplace.com/