DesignPearl Posted October 23, 2023 Posted October 23, 2023 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.
Solution JayVanDyke Posted October 23, 2023 Solution Posted October 23, 2023 @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! 👨💻 Bergen Design Co. 💻 I'm for hire on Upwork! 🕸️ Squarespace Experts 🖥️ 99Designs 🛠️ Web Designer's Toolkit **some of these contain affiliate links
DesignPearl Posted October 23, 2023 Author Posted October 23, 2023 Yay, it worked. Thanks so much @jaeveedee!
JayVanDyke Posted October 24, 2023 Posted October 24, 2023 @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! 👨💻 Bergen Design Co. 💻 I'm for hire on Upwork! 🕸️ Squarespace Experts 🖥️ 99Designs 🛠️ Web Designer's Toolkit **some of these contain affiliate links
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment