Customize the Input Field Text in a Squarespace Form

Squarespace Forms are a great way to collect information from your visitors. However, there are not many options inside of the Squarespace Editor for customizing the forms to align with your brand and style.

In this video, I show you how to customize the text that visitors input into your form. All the code used in the video is provided below.

The following code is used in the video.

/* Form Block */
.form-wrapper .field-list .field .field-element {
  font-size: 1rem;
  color: #014421;
  background: #e6e6e6;
  font-family: ariel;
  font-style: italic;
}

Here are some other posts you may like:

• Create a Secondary Navigation in Squarespace 7.1

• Hide Blog Tags in Squarespace 7.1

• Vertically Center an Image in a Card Image Block