Jump to content

Jasper - Keep Original Height of Thumbnail Image?

Recommended Posts

I am looking to do something that seems very simple to me, but I'm about 3 days in to try to solve this already and I need some help.

I'm redesigning my website and using the Jasper template.
Overall, this is the best template for what I'm trying to accomplish, but it will not allow me to keep the original proportions of the thumbnail image on the index page. It trims all heights to be the same. 

I want to go from this:



To this:


I've spoken to Squarespace Support, and they couldn't help.

There is an option to uncheck "Crop Image" within Site Styles, but everything shrinks to an unusable size when I do uncheck it:



Flatiron has this feature built in, but I'm not a fan of the level of customization within Site Styles allowed, and there doesn't seem to be a way to add spacing between the thumbnails. 

Any help would be incredible.

Thank you!


Edited by joe_geis
Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

For Jasper you can't achieve that layout using a gallery page. 

You could use a normal page with a gallery block, but it won't be full bleed to the browser window edges. However, custom coding can achieve that part for you. 

Can I suggest you make the page with gallery block part and then come back here for advice on making it full width?

If you're looking for a Squarespace Developer, drop me a line. 

Link to comment
  • 2 weeks later...
  • 4 months later...
On 3/17/2020 at 11:46 PM, Lola23 said:

I have the same issue here

The grid layout crops the images strange

When you uncheck 'crop images' it makes them miniscule like your screenshot

Any new solutions on this?

If you share link to your site, I can take a look

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

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.