Gradient Contact Form Button

Look Demo

Add a gradient color style to the contact form button. This plugin uses css editor and works with all template families.

Gradient_Form_Button.png

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste one of the codes below into the Custom CSS Editor box.

// Gradient Form Button //

.form-wrapper input[type=submit] {
  font-size: 16px;
  padding: 20px;
  background: linear-gradient(to right, #F07C63, #E45372);
}

Customize

Swap out both of the background color values with the colors of your choice.

Adjust the font size and padding values to your liking. The higher the box shadow and padding px = the bigger the button.

Notes

No notes.