CSS code to remove the asterisk for required fields.

  • Profile Image
    sunnymedia
    Asked on June 25, 2020 at 02:04 PM
    The "Labelless Responsive Contact Form" template differs from how it appears in the screenshot. When you use that template, it shows labels, and it seems like I can't make labelless fields required without a red * floating above it. I want the * to be inside the field, as part of the placeholder. Is this not possible?
     
    EDIT: Never mind, I just noticed it works correctly when you hit Preview.
  • Profile Image
    Amin_N
    Answered on June 25, 2020 at 03:21 PM

    We are glad you have been able to sort it out on your own.

    As per the asterisk inquiry, here's the CSS code as well to remove the asterisk: 

    .editor-container.editorHasText div:after, .form-required {

        display: none !important;

    }

    Related guide: How-to-Inject-Custom-CSS-Codes

    Demo form with Email field required and its placeholder changed: https://form.jotform.com/201765589602967