Style allows you to customize your form's appearance. To get to your form's Style page, edit your form and click the "Style" button near the top of the editor.
On the Style page the settings are shown on the left and a live preview is shown on the right.
Use the "Themes" tab to select a pre-made theme for your form. Selecting a theme will replace your form's existing styles with the theme's styles. Alternately, you can copy the styles from another form by using the "Copy From Form" button near the top right.
Use the "Customize" tab to edit individual style settings. You can start with a theme and then further customize it. Settings are available to customize fonts, colors, borders, spacing, etc.
Advanced users with CSS knowledge may use the "Advanced" tab to directly edit the CSS style. Existing CSS can be modified or additional CSS can be added.
NOTE: Formsite cannot provide any support assistance for advanced editing and cannot guarantee that custom CSS will work as expected in all cases. You are responsible for testing your custom CSS in a variety of different browsers and situations.
|.form_table a||A link, inside the form area|
|.q||Form item container|
|.q .question||Item question text.|
|.q .drop_down||Select (dropdown) input.|
|.q .file_upload||File input.|
|.q .text_field||Text input.|
|.q .matrix||Matrix item table.|
|.q .rating_ranking||Rating or Ranking item table.|
|.segment_header||A Segment Heading item heading.|
|.outside_container||Content outside (above/below) the form area.|
|.outside_container .form_table a||A link, outside the form area.|
|.outside_container .submit_button||A button, outside the form area.|
See our Responsive Forms guide for information regarding targeting mobile devices. Text for buttons and labels can be customized on your form's "Form Settings->Custom Text" page.