

Perhaps you've read a tutorial on changing index backgrounds before – I've seen a few doing the rounds – but the ones I have read at least, are providing a method that results in a couple of problems. How To Create A Gradient Index Page in Squarespace - Brine Theme Only CUSTOM CSS VERSION 7 This tutorial is for the BRINE/BEDFORD theme of Squarespace, built with an older version.

That might sound a little intimidating to some, but if you've been thinking "Oh no, I can't do CSS!" this is the perfect way to 'dip your toe' into the coding water!! I've made up an example site with four index pages, some dummy text and stock photos to demonstrate the super easy way of changing just one of the index pages' background colour. It's actually a perfect way to tie your brand colours into your site if you're DIY-ing and not able to produce lots of fancy graphics.īut how can you go about achieving this look, if Squarespace won't let you change each index page's background colour one-by-one? Choose a color palette for your site, then apply specific colors to different page sections. Before you begin: Did you already try to recover your account through the login page We’ll ask you to try that.

Please enter as much information as you can, but if you’re not sure about specific details, provide your best guess. The code is aimed at blocks that are inside Index Sections (7.0) or Page Sections (7.1). However, this trick WILL NOT work with 7.0 sites that have a Constricted Width set via Site Styles. It's a really popular look right now to have an index page or longer page, in which various pages have different background colours either to break the long scrolling page up or to call attention to a particular section. If you’ve tried to recover your Squarespace account and still can’t access it, we’re here to help. This tutorial will cover the process for Squarespace 7.1, but you’ll find the adapted code for 7.0 (Brine) at the end.
