DesignPearl Posted October 23 Share Posted October 23 When you click on a specific shop item and are taken to it's own page, the image is cropped. This is not ideal for when you want to sell artwork. I have looked through the forum but can't find the right code to override this image cropping.  😞 Please help!  For example: https://www.benkendall.com/shop/p/casual-haley A good portion of the artwork is being cut off. Link to comment
Solution jaeveedee Posted October 23 Solution Share Posted October 23 @DesignPearl try this in your custom CSS .ProductItem-gallery-slides-item img { object-fit: contain !important; }  DesignPearl 1 ☕ Did I help you? Buy me a coffee! 💻 I'm for hire on Upwork! Link to comment
DesignPearl Posted October 23 Author Share Posted October 23 Yay, it worked. Thanks so much @jaeveedee! Link to comment
jaeveedee Posted October 24 Share Posted October 24 @DesignPearl great! Can you mark it as the solution so someone else can get help from it too? DesignPearl 1 ☕ Did I help you? Buy me a coffee! 💻 I'm for hire on Upwork! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment