Knowledge Base
Find answers, learn new features, and explore developer resources.
Styling
- Styler
Design WordPress forms effortlessly with WS Form Styler. Unlimited styles, intuitive controls, and over 400 customizable settings.
- Styles
WS Form styles consist of settings such as colors, typography and sizes to control how your forms look on your website.
- Breakpoint Queries
By default, responsive columns in WS Form are based on the width of the browser window. This works well for most forms, but it can cause layouts to appear too wide when the same form is used in a narrow container such as a sidebar, modal, popup, footer, or card. Breakpoint Queries let you choose…
- CSS Variables Reference
A full browsable reference of all of the WS Form CSS variables.
- HTML Form Attributes
This article explains how instances work and how form and field attributes are configured in WS Form.
- Responsive Forms
Responsive forms look good on all devices, from your mobile phone and tablet to a desktop computer screen.
- Upgrade Notes for 1.10.x
Version 1.10.x of WS Form introduces a new styling system that provides greater control of WordPress form design.
Tutorials
- Creating a Light / Dark Form ThemePRO
The WS Form Styler can create alternative color schemes for your WordPress forms such as a light / dark theme.
- How To Add Tooltips to Checkboxes and Radios
If you are using the WS Form framework you can use the following HTML to add Tooltips to Checkboxes and Radios.
- How to Change Which Style a Form Uses
This tutorial explains how to choose which style a form uses.
- Setting Custom Breakpoint Sizes
Breakpoints can be changed by using the wsf_config_frameworks filter hook.
- Show a Loader During Form ProcessingPRO
WS Form supports a variety of customizable built-in loaders as well as being able to implement your own loader HTML.
- Style Checkboxes
If you are using the WS Form framework you can use classes to style checkboxes.
- Style Radios
If you are using the WS Form framework you can use classes to style radios.
- Style Tabs
If you are using the WS Form framework you can use classes to style tabs.
- Styling Forms with CSS
This article describes how to use CSS to style form elements.