How to add a linear gradient to your Squarespace buttons


A nice simple trick here that you will see has emerged on a lot of websites recently is to add a linear gradient. 

To do this on a Squarespace button: 

  1. Add a button block to your website
  2. Make sure that it is small
  3. Go to Design 
  4. Then Custom CSS, and paste this code in: 
 background: linear-gradient(91deg, #6980cc, #4564cc);

Make sure to change the colours to your branding or of choice, click 'Save' and you are done! 

Mary Philip