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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, 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

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

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

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

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.