Contact Form - Gradient Button


1. Plugin Info

Add a gradient color to the contact form button.

  • Works with Squarespace 7.0 and 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Contact Form - Gradient Button - Ghost //

.site-wrapper .sqs-block-form .sqs-editable-button {
  background: linear-gradient(to right, #53d6ff, #666be1) !important;
}

3. Customizable Options

  • Gradient Button Style


4. Plugin Notes

  • Applies to both normal and lightbox contact form.

  • Button text color and font style can be changed in Squarespace settings.


Previous
Previous

Contact Form - Full Width Button

Next
Next

Contact Form - Field Border Style