NB! Please note, that your theme also has own styles that can overlapping plugin styles. So if something went wrong please, check styles of your theme.
From plugin version v.3.1.0 our plugin starts support of two new features:
- predefined CSS classes that can be used for specific field option called “CSS Class” for each form field;
- possibility to add custom class for form wrapper with form option called “Form Custom CSS Class“. Currently for this field is able only one predefined CSS class for RTL.
NB! “CSS Class” option allows to add some custom class(es) to the field wrapper block and use it from different purposes by developers. “Form Custom CSS Class” allows to add some custom class(es) to the form wrapper block and use it from different purposes by developers. Several classes should be added via “space” i.e.
[class-name-1] [class-name-2]
.Predefined CSS classes for “CSS Class” field option divided by following groups:
Columns
- Columns for form elements (work for all field types and allows to set general form layout):
- 2-column layout;
- 3-column layout.
- Columns for options group (work for following field types: checkbox(es), radio buttons – inside options group) :
- 2-column layout;
- 3-column layout;
- 4-column layout;
- 5-columns layout;
- inline options group.
Field Sizes
- field width (work for following field types: text, number, email, captcha (alphabetic /numeric) input, textarea), drop down);
- field height (work only for textarea field type);
Text Alignment
- alignment of field labels (values of “Display Label” field) for all field types;
- alignment of text inside fields (work for following field types: text, number, email, captcha (alphabetic /numeric) input, textarea), drop down);
“Form Custom CSS Class” option currently supports only one predefined class that allows to display form as RTL.
More information about predefined CSS classes described in the corresponding sections of the plugin documentation.
Please, leave a feedback about the page. Was this article helpful?