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: 
.sqs-block-button-element--small.sqs-block-button-element
{
 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