Styles

WS Form styles consist of settings such as colors, typography and sizes to control how your forms look on your website.

This article explains how to add, manage and delete styles.

To learn how to about editing a style (i.e. changing colors, fonts etc), check out our Styler article.

You can add as many styles to your website as needed. Each style can be assigned to as many different forms as you wish. One style is designated as the Default style. All newly created forms will be assigned to that default style.

Accessing Styles

To access the styles, click on Styles from the WS Form admin menu.

WS Form - Styler - Admin Menu

The Styler admin page lists all of the styles you have created in WS Form.

WS Form - Styler - Admin Page

Default Styles

The default styles created when you first install or upgrade WS Form are as follows:

  • Standard – Light
    A dark on light style suitable for all standard forms.
  • Conversational – Light
    A dark on light style suitable for conversational forms.

Style templates also exists for light on dark themes to speed up for styling of sites that have a dark background with light text.

Editing Styles

To edit a style, click the Style Name or the Edit link when hovering over the style. This will take you to the WS Form Styler.

Add Additional Styles

If you need to apply unique styling to a specific form, such as one located in the site footer, you can easily create a custom style for it.

To do this, simply click the Add New button at the top of the Styles admin page. This will redirect you to the Styles Template admin page, where you can choose from a starting template.