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

    Editing the Red Background Error Message

    Asked by RickGregory on September 26, 2013 at 12:12 PM

    I found the CSS code to remove the Red Background:


    .form-line-error {
    background:none repeat scroll 0 0;
    }
     
    However, the result is not equal to the example given in the instructions located at http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes
     
    The example shows the red message equal to the length of the data field box.
    When I apply the code, the red message field extends to the width of the form.
     
    How do I edit the length of the message area as shown in the example provided?
    message JotForm style size
  • Profile Image

    Answered by jedcadorna on September 26, 2013 at 07:30 PM

    Hi,

    Insert this custom CSS script.

    .form-line-error {

    background: transparent;

    }

    1. Removes the background red.

    From this:

    To this:

     

    Let us know if you have further questions.

    Thanks,

  • Profile Image

    Answered by jedcadorna on September 26, 2013 at 09:20 PM

    Hi,

    In addition to what I have posted earlier if you want to reduce the width of the error message here is the CSS script you need. Here is a sample of the cloned form

     

    .form-line-error {

    background: transparent;

    }

    .form-error-message {

    width:50% !important;

    }

    .form-textarea{

    width:75% !important;

    }

     

    Let me know if have other questions.

    Thanks,