Jump to content

HELP! Store Aspect Ratio code needed

Go to solution Solved by tuanphan,

Recommended Posts

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

Capture.PNG

Capture2.PNG

Edited by JLBE
Uploaded Screenshots
Link to comment
  • Replies 3
  • Views 580
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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 

Capture3.PNG

Link to comment
  • Solution
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.