CSS code to remove the asterisk for required fields.

  • sunnymedia
    Asked on June 25, 2020 at 2: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.

  • Amin JotForm Support
    Replied on June 25, 2020 at 3: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