How to add Custom CSS to a form field

You may need to add custom CSS for a specific form field. Here are some steps that you need to follow.

  1. Navigate to weForms > All Forms > Add a new form or Edit an existing form.
  2. Add a field to the form (e.g Text field)
  3. Click on edit icon for editing Text field
  4. Under the Advanced Options, there is an input field called CSS Class Name. Provide a class name for this field (e.g my-custom-css).
  5. Now, inside the theme's style.css file, add your custom CSS for that class selector.

Example:

[css]

li.my-custom-css .wpuf-fields input#text_655 {
padding: 10px;
width: 50%;
}

[/css]

Watch The Video To View The Entire Process!