Forms

How do I change the form submit button color in Squarespace?

The form submit button in Squarespace 7.1 uses the .form-submit-button selector. Override the background-color and color properties to match your brand.

Add a hover state transition so the button feels responsive when users interact with it. A darker shade of your brand color works well for hover.

.form-submit-button {
  background-color: #e63946 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 14px 32px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.form-submit-button:hover {
  background-color: #c1121f !important;
}

Design custom buttons with our Button Generator toolTry it free →

Related Questions

How do I style the contact form input fields in Squarespace?

How do I change the placeholder text styling in Squarespace forms?

How do I change the form label size and style in Squarespace?

How do I remove the borders from Squarespace form fields?

A little over your head?

No shame — this stuff is hard. Let the pros handle it.

Talk to Long Drive Marketing →