How to create layered image looks on Squarespace (no code required)


One of the most common questions I am asked about my Squarespace designs is 'How did you layer that?'  The reality is that most of it is done with CSS styling.  There is however a trick for layering colors + images (and even text) sans code.  

My first suggestion is to use a template that allows for the use of any block type on your banner images.  I love anything in the Brine family (read more about my Brine template obsession here).  

Using the advanced banner features and a bit of styling, you can create gorgeous layered looks that are easy to update and require zero knowledge of code.  


I hope you love the tutorial!  If you have questions, just drop them below.