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

  • dinobia
    Answered on December 11, 2012 09:59 AM

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

  • Welvin Support Team Lead
    Answered on December 11, 2012 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

  • dinobia
    Answered on December 12, 2012 04:34 AM

    Hi,

    The url is;

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

    Thanks.

    Dino. 

  • NeilVicente
    Answered on December 12, 2012 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.

  • abajan Jotform Support
    Answered on December 12, 2012 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

  • asifkhan
    Answered on October 10, 2013 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;
    }