Jump to content

SS 7.1 Adding 5 or more (image) blocks in a row

Recommended Posts

I'm not sure if this has been asked before, but I couldn't find it on the forum.

I am trying to put 5x image blocks next to each other, but I've noticed that any time I've tried to add 5 blocks (of anything) in a row on Squarespace 7.1, it becomes uneven. Obviously if it is an even number of blocks it seems to work fine (e.g. 6 image blocks in a row works okay) but if it is an even number of blocks that is 5 or more, it doesn't work.

Does anyone know a workaround for this?

I don't want to use galleries or summaries because I want a detailed caption under the images, and I know this is difficult with SS7.1

Screen Shot 2021-04-08 at 10.56.48 AM.png

Link to comment
36 minutes ago, Hana said:

I'm not sure if this has been asked before, but I couldn't find it on the forum.

I am trying to put 5x image blocks next to each other, but I've noticed that any time I've tried to add 5 blocks (of anything) in a row on Squarespace 7.1, it becomes uneven. Obviously if it is an even number of blocks it seems to work fine (e.g. 6 image blocks in a row works okay) but if it is an even number of blocks that is 5 or more, it doesn't work.

Does anyone know a workaround for this?

I don't want to use galleries or summaries because I want a detailed caption under the images, and I know this is difficult with SS7.1

Screen Shot 2021-04-08 at 10.56.48 AM.png

The number of columns should be multiple to 12: 1 2 3 4 6 12

With gallery section you can add the caption in masonry layout... description support html snippet as well

<strong>Two hours</strong>
<br>
of enjoyment

image.thumb.png.8a51c8eee87ad72d9d2fbd5bb3499897.png

image.png.ad7d88c86afa51666ec560f9780d0d3f.png

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
On 4/15/2021 at 9:23 AM, Hana said:

Thank you @bangank36! This worked.

Do you by any chance know how we can delete the space above and below the gallery section so that it works seamlessly with the rest of the page?

Hi. Can you share link to page where you added Gallery section? We can give the code to do this.

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
  • 9 months later...
On 1/30/2022 at 9:22 PM, DevonHarris said:

@tuanphan @bangank36 Having a slight problem- I added the code to accommodate 7 columns but it hasn't changed anything 😕 Hoping you can assist, www.tlastmarks.com/enrichment. Many thanks!!

Which code did you use?

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.