Form Block

Bookmark Selector

---

Form Block Selectors

Use these selectors to target form block elements.

• Selectors work with Squarespace 7.1

• Knowing the basics of CSS is recommended

Helpful starting points: Visit the free plugin library for pre-applied styles and helpful starting points for styles and customizations.

---

Form Block

Copy Code

.sqs-block-form .field-list

Form Input Field

Copy Code

.sqs-block-form .field-list .field input, .field textarea

Form Title Text

Copy Code

.sqs-block-form .field-list .title

Form Caption Text

Copy Code

.sqs-block-form .field-list .caption-text

Form Required Text

Copy Code

.form-wrapper .react-form-contents .field-list .description.required

---

Form Dropdown

Copy Code

.sqs-block-form .field-list .field select

Form Dropdown Arrow

Copy Code

.sqs-block-form svg path

---

Form Checkbox Text

Copy Code

.form-wrapper .field-list .field.checkbox label

Form Radio Text

Copy Code

.field.radio .option

---

File Upload Field

Copy Code

.file-upload

File Upload “Add File” Text

Copy Code

.b1mA4JKsv8tPUjEK4AlQ

---

Form Button

Copy Code

.form-wrapper .sqs-button-element--primary

Form Error

Copy Code

.form-field-error

Form Submission Text

Copy Code

.form-wrapper .form-submission-text

---

Is the selector you're looking for not here? Let us know.

Suggest a Selector