Styling Forms Using CSS

When creating a form, you are given the option to use one of four Themes, as well as the option of 'No Styling'. When you choose this option, you will need to add CSS to your website to style the form.

Below is a list of the classes that are allocated to certain parts of the form, which you can use to target your styling;

Form Container: sg-form-container
Title: sg-form-title
Subtitle: sg-form-subtitle

Form Groups:
Text Field: sg-form-text
Multiline Text Area: sg-form-textarea
Email Field: sg-form-email
Number Field: sg-form-number
Date Field: sg-form-date
Pick List: sg-form-select
Checkboxes: sg-form-checkbox
Radio Buttons: sg-form-radio
Submit Button: sg-btn

Each of these form groups will have a label and input attributes which can also be targeted with CSS.