What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Remove The field is required warming, leaving only the red border

    Asked by leandromartinz on August 20, 2015 at 10:23 AM

    HI,

     

           I know there are a lot of question in the forum about it, but none of them worked for me.

           I would like to delete the string warning on the fields leaving only the red border. I tried to include this in the css

    .form-error-message

    {

        background: none !important;

        background-color: transparent !important;

        border: none;

        border-radius: 0;

        box-shadow:none !important;

    }

    .form-error-arrow, .form-error-arrow-inner

    {

        border:none;

    }

    .form-line-error

    {

        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

     

    }

     

     

    But it did not work. 

    My form: 

    http://www.jotform.com//?formID=51816323346352#

     

    At the website:

     

    www.bistrobrazil.ie

     

    I would like to keep only the warning at the bottom of the form and the red border. Can someone please help me? Thank you :)

    Page URL:
    www.bistrobrazil.ie

    red border JotForm message arrow scroll
  • Profile Image
    JotForm Support

    Answered by Kiran on August 20, 2015 at 01:54 PM

    I understand that you do not want to display the error message except border on the fields and show the error message at the bottom as shown below :

    Please inject the following CSS to your JotForm in order to achieve the above result.

    .form-error-message {

    display: none;

    }

    Hope this information helps!