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

    How to change the Label color for required field alert

    Asked by oxinst on April 10, 2013 at 07:39 AM

    Hi, what CSS would I need to change the 'Label' color, when the form is submitted and it is a required field alert.  I have the red border that alerts around the field, but I also want to turn the label for the field to red.  This is just when it is a required field alert, nornally the text would be blue.

    Thanks

    Screenshot
    required field label thanks
  • Profile Image

    Answered by sidharth_kch on April 10, 2013 at 08:51 AM

    @oxinst

    Please inject the following custom css to change the label font color: 

    .form-label-left, .form-label-right, .form-label-top{color: red !important;}

    This css changes the color to red, feel free to change to any color or your choice. 

    Follow this guide on : How to Inject Custom CSS Codes

    Please let us know if you need further assistance.

    Thanks,

    Sidharth

  • Profile Image

    Answered by oxinst on April 10, 2013 at 10:36 AM

    @sidharth_kch

    Thanks for your reply, but I just want to change the color of the label when form is submitted and the required fields have not been completed.  So in normal state the Label is blue, but if the form is submitted and the field has not been completed, I want the Label to turn to red.


    Thanks

  • Profile Image

    Answered by sidharth_kch on April 10, 2013 at 11:18 AM

    @oxinst

    I will have to get back to you on this. I have sent a message to my colleague on your requirement.

    Thanks,

    Sidharth

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 10, 2013 at 04:09 PM

    Ok, use this CSS.

     

    .form-line-error .form-label-top {

    color: red;

    }

    Hope this helps. Thanks!

  • Profile Image

    Answered by oxinst on April 11, 2013 at 05:17 AM

    Perfect! Working great.  Thanks