Predefined CSS Classes

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 Classoption 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

Text Alignment

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?

0 0