You can add custom CSS to style your forms. Your CSS code will be loaded automatically with the form.
To access the design settings, edit your form and navigate to the Design tab.
To simplify your CSS and avoid deeply nested selectors, we provide the following static classes in the form's HTML:
| Class | Description |
|---|---|
_bs-form-label |
Applied to all label elements associated with form fields. |
_bs-form-error-message |
Applied to the error message element displayed when validation fails. |
_bs-form-success-message |
Applied to the success message element shown after a successful submission. |
_bs-form-field-container |
A wrapper around each individual field (including the label and input). |
_bs-form-input-container |
A wrapper specifically around text-based input elements. |
_bs-form-textarea-container |
A wrapper specifically around textarea elements. |
_bs-form-select-container |
A wrapper specifically around select (dropdown) elements. |
_bs-form-input |
Applied directly to text-based input fields. |
_bs-form-textarea |
Applied directly to textarea elements. |
_bs-form-select |
Applied directly to select (dropdown) elements. |
_bs-form-button-submit |
Applied to the form's submit button. |
_bs-form-checkbox-container |
A wrapper around checkbox fields. |
_bs-form-consent-checkbox |
Applied specifically to checkboxes used for user consent. |