Jump to content

Wanted: Masonry Gallery Type with Full Bleed Left/Right Margins and Adjustable Spacing between Images

Recommended Posts

Site URL: https://dory-sapphire-cf63.squarespace.com/config/pages

Hi, I want my gallery pages to have these 3 features.

  • Masonry gallery type
  • Full bleed/No margins left and right
  • Adjustable spacing between images

I've chatted with multiple help representatives. It appears that it's not possible have these 3 features at the same time without using unsupported custom coding. The attached examples show how the templates limitations. Margins are created if I want to have the spacing between the images. 

Any other suggestions to achieve this? 

Thanks!

Gallery Style - Masonry PG-1 .png

Gallery Style - Masonry PG-2.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

1 hour ago, AlyceRose said:

Site URL: https://dory-sapphire-cf63.squarespace.com/config/pages

Hi, I want my gallery pages to have these 3 features.

  • Masonry gallery type
  • Full bleed/No margins left and right
  • Adjustable spacing between images

I've chatted with multiple help representatives. It appears that it's not possible have these 3 features at the same time without using unsupported custom coding. The attached examples show how the templates limitations. Margins are created if I want to have the spacing between the images. 

Any other suggestions to achieve this? 

Thanks!

Gallery Style - Masonry PG-1 .png

Gallery Style - Masonry PG-2.png

Your site is private, could you provide a password?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

It's still in development. I don't want to share my password to the back end. Attached is a screen shot of the masonry grid. If you change the spacing between the images the margins change and the only way to have no margins with 'Masonry" is to not have spacing between the images. Other platforms that specialize in websites for photographers have the three features I want readily available to access together and the ability to customize without the need for unsupported custom coding. 

Gallery Style - Masonry PG-1 .png

Link to comment
1 hour ago, AlyceRose said:

It's still in development. I don't want to share my password to the back end. Attached is a screen shot of the masonry grid. If you change the spacing between the images the margins change and the only way to have no margins with 'Masonry" is to not have spacing between the images. Other platforms that specialize in websites for photographers have the three features I want readily available to access together and the ability to customize without the need for unsupported custom coding. 

Gallery Style - Masonry PG-1 .png

I mean password for frontend, anyway, if you look for the fix without unsupported custom coding then you may send email as feature request to Squarespace

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

What template are you using? I assume it is a 7.1 design. There are a number of 7.0 templates that do what you want built in, no code required, which may not help you at this point. They have full width options for galleries with padding adjustments between images. 

Avenue Demo

 Wexley demo

The demos are not set up the way you want, however I have a number of sites built using both and know that option is there. 

.Full width blocks Squarespace

Edited by derricksrandomviews
Link to comment
On 12/9/2020 at 11:11 PM, AlyceRose said:

It appears that it's not possible have these 3 features at the same time without using unsupported custom coding. Any other suggestions to achieve this? 

Correct. This isn't a feature on Squarespace 7.1, which means it isn't possible to achieve this without custom code. As Derrick said above, you could use an older Squarespace 7.0 template but this would mean starting your site again from scratch.

If you would like help with custom code, please include a working link to the page where you would like to achieve this. The community would love to help but as your site is currently private, we can't view it. To allow us to see it, you'll need to change the site visibility setting from "private" to "password-protected" and then share the view-only password with us here. You'll find details of how to do this here if you need them.
 

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

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.