Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
joe_geis

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!

 

Edited by joe_geis

Share this post


Link to post

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?


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post

ah bummer! 

As I mentioned, Flatiron's index page already has this feature built it, but the images are flush against each other. 

668768985_ScreenShot2019-10-26at10_42_08AM.thumb.png.dbccc4aa31d33b4c35f4efa7f9dd98b2.png

Do you know if there is a way to space them out in that template?

 

Thank you!

Joe

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...