Form Block


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

.sqs-block-form .field-list

Form Input Field

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

Form Title Text

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

Form Caption Text

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

Form Required Text

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

Form Dropdown

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

Form Dropdown Arrow

.sqs-block-form svg path

Form Checkbox Text

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

Form Radio Text

.field.radio .option

File Upload Field

.file-upload

File Upload “Add File” Text

.b1mA4JKsv8tPUjEK4AlQ

Form Button

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

Form Error

.form-field-error

Form Submission Text

.form-wrapper .form-submission-text

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


Previous
Previous

Donation Block

Next
Next

Newsletter Block