Jump to content

Jasper - Keep Original Height of Thumbnail Image?

Recommended Posts

Hello,
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:

1238701652_ScreenShot2019-10-25at8_34_58PM.thumb.png.e0033c13438e55da3219ab7719024fa8.png

 

To this:

1741027574_ScreenShot2019-10-25at8_39_05PM.thumb.png.2045e40012ee05da53d774e2ad0c2c99.png


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:

499759875_ScreenShot2019-10-25at8_41_46PM.thumb.png.22704e45234b8566ae3b706265f29f37.png

 

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!

 

Link to comment
  • Replies 5
  • Views 1.3k
  • Created
  • Last Reply

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?

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer 
Book a chat or Drop me a line - first meeting is always free  

 

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

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

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.