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
Learn how to use Breakpoint Queries in WS Form to create responsive form layouts based on browser width or form width using CSS Container Queries.
- 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.
- Style Locking
Learn how to lock and unlock styles in WS Form to prevent unauthorized changes to form styling, including individual and bulk style locking and WordPress user permissions.
- 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.