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

    Hi, how do I change the font colour in form warnings?

    Asked by dinobia on December 11, 2012 at 09:59 AM

    Hi, how do I change the font colour in form warnings? Thank you.



    This is a re-post of a comment on How to Change Form Warnings

    font form warnings colour
  • Profile Image
    JotForm Support

    Answered by Welvin on December 11, 2012 at 10:06 AM

    Hi,

    It would be good if you can share with us your form URL so we can check the exact ID and for us to give you the right CSS codes you need to inject.

     

    Thanks

  • Profile Image

    Answered by dinobia on December 12, 2012 at 04:34 AM

    Hi,

    The url is;

    http://www.michaeljameshair.com/Michael-James-Hair-Salon-Flitwick-Book-an-Appointment-Online.html

    Thanks.

    Dino. 

  • Profile Image
    JotForm Support

    Answered by NeilVicente on December 12, 2012 at 06:15 AM

    Dino,

    To change the form warning font color, inject the following CSS codes to your form:

    .form-line-error .form-error-message {
    color: red !important;
    }

    To inject: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    You can find more color codes and names on the following link:

    http://www.w3schools.com/html/html_colornames.asp

    Hope you find this information useful.

  • Profile Image
    JotForm Support

    Answered by abajan on December 12, 2012 at 07:26 AM

    Dino,

    In addition to my colleagues' replies, I noticed that you had tried to change the color of the form warning arrow without success. That's because the selector used for the relevant rule is incorrect. Changing

    .form-error-arrow-inner {
    border-color: transparent transparent #EEE;
    }

    to just

    .form-error-arrow  {
    border-color: transparent transparent #EEE;
    }

    would fix it.


    Wayne

  • Profile Image

    Answered by asifkhan on October 10, 2013 at 05:30 PM

    Hi All,

     

    For your information to make that Arrow transparent or to make it disappered.

    use this Injection

    .form-error-arrow  {
    border-color: transparent transparent transparent;
    }