Product Page Featured Sizing Problem

Solved
Highlighted
New Member
3 0 2

Hey all. Working on a site for a client, and am having this issue with the image aspect ratio on some of the featured product pages. Is there a quick, easy fix for this in CSS or the code (aside from the obvious answer of having to resize all the images themselves to be more 1:1)?

 

Thanks,

1 Like
Highlighted
Shopify Partner
7687 1058 2675

Hello, @jrtacosik 

Welcome to the Shopify community!
and Thanks for your Good question.

i can't see any issue if possible to provide screenshot

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
3 0 2

Thanks for the response, @KetanKumar!

The first image is what shows as the product page when initially loading. The second page is what the aspect ratio is supposed to look like (and what it looks like when hovering).

Screen Shot 2020-08-13 at 11.24.52 AM.png

 

Screen Shot 2020-08-13 at 11.24.59 AM.png

 

0 Likes
Highlighted
Shopify Partner
7687 1058 2675

This is an accepted solution.

@jrtacosik 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/style.css->paste below code at the bottom of the file.

.pro_part_img .product-featured-img {
object-fit: contain;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes