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 do i change the font color for...

    Asked by 5280av on October 12, 2012 at 12:42 PM

    How do I change the font color for the sub labels in this form? Currently they are grey.

    http://coloradotvguys.com/home.html

    Thanks!

     

     

    Page URL:
    http://coloradotvguys.com/home.html

  • Profile Image
    JotForm Support

    Answered by Rodjit on October 12, 2012 at 12:56 PM

    Hi,

    You need to inject custom CSS to edit your sub label color;

    If you wish to change the overall sublabel, inject this codes;

    .form-sub-label {

    color: black;

    }

    Change the color to what color you want.

    If you wish to just change the specific sublabel color, inject this codes;

    .sublabel_first {

    color: black:

    }

    Where the sublabel_first is the label ID. You need to get the ID of each sub label.

    Hope this helps and let us know for any concerns.

    Thanks

  • Profile Image

    Answered by 5280av on October 12, 2012 at 01:00 PM

    Thank you!

  • Profile Image
    JotForm Support

    Answered by abajan on October 12, 2012 at 01:20 PM

    On behalf of my colleague, you're quite welcome!

    Incidentally, here's a color chart if you wish to use a color other than black for the sublabels. Also, the highlighting that appears when one of the form's fields receives focus (is clicked on) can be disabled by going into the form's preferences and selecting the option shown below:

     

     

    Please note that since the full source of the form is embedded in your page, any changes made in the form builder (with the exception of email alerts and thank you messages) will not be reflected on your page. As such, you will need to replace the old there with the updated code from the Embed Form Wizard. Please see this guide for information on the pros and cons of the various embed options.