Jump to content

How to add spacing between Index Pages in Brine

Recommended Posts

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!

Index Page.jpg

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 months later...

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


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

Reach out if you need more help!



With ❤️, from Andrew @ SQSDesign
Need help building and maintaining your website?

That's all we do: custom blocks, fully-styled templates, product management, POD fulfillment, and more.
Reach out anytime, 24/7/365: 
(628) SQS-DSGN • ✉️ Email • 👀 Instagram • 🚀 RocketSurgery Blog •  🔲 @SQSDesign

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.