How to add spacing between Index Pages in Brine

Hi there! I have created some index pages and there is no space at all between the banner images. This is in the Brine template so there are basically 3 images (index pages) stacked. How would I add space in between each of the images/Index Pages? I was told I would need to add custom code but not sure of the exact one to enter in. I've attached a screenshot to show how they are on top of one another without any space and would appreciate any help. 🙂 THANK YOU!

Hey @Ana808 can you share a link to the site?

Hi @RyanDejaegher

I messaged you with some info and really appreciate you trying to help. Thanks so much!

hey there,

i actually have the same question. is there a way to add a border around each index page? if not, space between index pages will do. thanks so much

here's my site: https://lexlavatai.squarespace.com/

Hey @LexLavatai and @Ana808 -

You have a few options:

1. You can add a Spacer block above and below the other blocks on each indexed page, and size them to your preference.

2. You can add another page altogether to your index, and depending on your design aesthetic:

   a. change the color of the page using CSS (to match your border @LexLavatai) or leave it blank (which would show your global background color)

   b. add a Banner image which could make a nice transition

or

3. You can change Index Page padding in the Site Styles section.

Reach out if you need more help!

SQSDesign