JLBE Posted August 9, 2021 Share Posted August 9, 2021 (edited) Site URL: https://www.jlbequine.co.uk Hello \o. First time posting here, I've started a website to sell my photos, I've set the aspect ratio to wide (most of my photos are landscape) however when I uploaded a few portrait photos i noticed half the image gets cut off, I've asked squarespace for help and was sent here, i have no idea how to code or even where to get started, call me a virgin. can anyone have a look and see if they could help me with this at all. i need there to be a mixture of landscape and portrate aspects depending on if the photo is landscape or portrait. i wont sell a photo if half the image is cut off. I'm happy to provide whatever i can to help Edited August 9, 2021 by JLBE Uploaded Screenshots Link to comment
JLBE Posted August 9, 2021 Author Share Posted August 9, 2021 Ok, so I've manage to get as far as fixing it on the store page itself, following some advice posted by tuanphan on another post but I'm still stuck on how to change it on the actual thumbnail. I'd rather the images were a similar width but showed the full image. Thanks in advance Link to comment
Solution tuanphan Posted August 12, 2021 Solution Share Posted August 12, 2021 On 8/10/2021 at 1:11 AM, JLBE said: Ok, so I've manage to get as far as fixing it on the store page itself, following some advice posted by tuanphan on another post but I'm still stuck on how to change it on the actual thumbnail. I'd rather the images were a similar width but showed the full image. Thanks in advance Hi. Add to Design > Custom CSS img.grid-item-image.grid-image-cover { object-fit: contain !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
JLBE Posted August 12, 2021 Author Share Posted August 12, 2021 15 hours ago, tuanphan said: Hi. Add to Design > Custom CSS img.grid-item-image.grid-image-cover { object-fit: contain !important; } This is perfect. Thank you so much! 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