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

  • Profile Image
    dinobia
    Asked 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

  • Profile Image
    Welvin
    Answered 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
    dinobia
    Answered 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
    NeilVicente
    Answered 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
    abajan
    Answered 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
    asifkhan
    Answered 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;
    }