how to: add spacing between images in gallery block

Site URL: https://ezechielphotography.com/aline-michael

Hi all,

I'm new to this forum and have a specific question: How can I add spacing between images in my gallery block? The design option of the gallery block is "stacked".

I am looking for something like in the attached image.

Thank you for your replies and inputs.

Hi dear,

Please follow these steps:

1. Lead to Settings->Advanced->Custom code Injection

2. Paste this snippet into header box

<style>
#block-yui_3_17_2_1_1592064371946_3740 .sqs-gallery .image-wrapper {
  margin-bottom: 10px
}
</style>

3. Noticed how I find the id of block, you can install this plugin

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

Is that what you looking for:

13 minutes ago, bangank36 said:

Hi dear,

Please follow these steps:

1. Lead to Settings->Advanced->Custom code Injection

2. Paste this snippet into header box

<style>
#block-yui_3_17_2_1_1592064371946_3740 .sqs-gallery .image-wrapper {
  margin-bottom: 10px
}
</style>

3. Noticed how I find the id of block, you can install this plugin

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

Is that what you looking for:

Hi Bangank36,

That's amazing, that's exactly what I was looking for. Thank you very much! Unfortunately, when I go to => settings => advanced => code injection, it says that it is a premium feature.

I am using AVENUE as template.

As a workaround, you can create a new code block and add this snippet

8 minutes ago, bangank36 said:

As a workaround, you can create a new code block and add this snippet

It worked! Thank you so much. I also added it to my other gallery page with the help of the chrome extension. Amazing, this is like magic. Thank you again!