Customize the Input Text in a Form

What does this code do?

This code snippet will allow you to edit the style of the text that a user inputs into a form on Squarespace.

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Form Input Style */
.form-wrapper .field-list .field .field-element {
  CODE GOES HERE
}

Then the appropriate code in-between the brackets.

/* Font Size */
font-size: 1rem;

/* Font Color */
color: #014421;

/* Box Background Color */
background: #e6e6e6;

/* Font Family */
font-family: ariel;

/* Make the Font Italic */
font-style: italic;

/* Make the Font Bolder */
font-weight: 600;

/* Border around Input Box */
border: 1px solid red;

/* Rounded Corners on Input Box */
border-radius: 2px;

How To Use It

1. Copy and paste the code as indicated above.

2. Customize the value to match the style you would like.