How can I hide the * character of a required field?

  • Profile Image
    Asked on April 13, 2015 at 12:00 PM





    I would like to delete "Required" Sign in first page only... Only sign itself, not function and only in First page..

    Thank you


  • Profile Image
    Answered on April 13, 2015 at 12:08 PM

    Hi there;

              Please review the following screenshot for you to make this field "Not Required".

    Will let us know if you need further assistance, we would be happy to assist you in any way.



  • Profile Image
    Answered on April 13, 2015 at 04:48 PM

    No  did not understand my point,

    MY  point was = I want this function not deleted, I Just want to hide the Sign " * " this one to be hide, but only in first page.. on other page want it leave as it is..

    thank you

  • Profile Image
    Answered on April 13, 2015 at 05:43 PM

    If you want to hide that specific character you need to inject the following CSS code in your form.

    #label_19 { display: none; }

    This will hide the * character of that field, but it will still be set as required.

    Let us know if this is what you're trying to accomplish.

  • Profile Image
    Answered on April 13, 2015 at 06:40 PM

    Thank you it was helpful,

    one more quick question, it is applicable to other forms also ?
    Because we have different forms for your other website from different account and we would like to the same action for our different form.

    So maybe is there general guide how to do it.. we will do it ourselfs for other forms..

    thank you

  • Profile Image
    Answered on April 14, 2015 at 12:53 AM

    Hello Javidosmanli,

    No it is not applicable to other forms.

    Since you wanted to hide the required "*" only in your first page, field specific css code is required to hide it. The custom css code shared by my colleague is specific to your form.

    If you want to hide all the required "*" from your form but still want to retain the required field validation, you can inject the following custom css code:

    span.form-required {

      display: none;


    The following guide should help you on how to inject custom css code: 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!