Style

What is Style?

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.

Themes and customization

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

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.

Most modern browsers have developer tools that can assist in identifying CSS classes and their effects. For more information, see: Chrome, Firefox, Internet Explorer, or Safari.

Class Description
.form_table Form area.
.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.
.highlight Item highlight.
.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.
Additional information

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.

Over 1 Billion forms submitted