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

    change text color

    Asked by ssmediator on May 23, 2013 at 11:23 PM

    How do I change the text color for the form fields?  My form: 31422245726146

  • Profile Image

    Answered by yselboller on May 24, 2013 at 12:04 AM

    Hello @ssmediator,

     

    To modify the text color of the form field.

    1. Go to edit mode of the field.

    2. Click the form field you want to change the font color.

    3. Click Form style tab.

    4. Click Font Color.

    Once done you will see now a new color of the text on that specified field.

    Here's an image instruction.

    Hope this helps you change the font color of the form field.

    Cheers,

    Ysel

  • Profile Image

    Answered by ssmediator on May 24, 2013 at 12:39 AM

    Thanks for the reply; but I meant the font color of the text where people input their info--like when they enter their name. As of now, the text is the same blue as the blue on the form--so the text is nearly invisible.

  • Profile Image

    Answered by yselboller on May 24, 2013 at 01:18 AM

    Hello again,

    You mean the input text color?

    Try this code instead:

    input[type="text"] { color: green !important; }

    this will change the input text color.

     

    Let me know if this is the one you are talking about and if you need further help let me know.

    Cheers!

    -Ysel

  • Profile Image

    Answered by yselboller on May 24, 2013 at 01:31 AM

    Also, If you wanted to specify only to a field only not on the entire form.

    You need to specify the class or ID in the code.

  • Profile Image

    Answered by sidharth_kch on May 24, 2013 at 01:45 AM

    @ssmediator

    Please inject the following custom css to change the input fields font color and font size:

    .form-textbox, .form-textarea, .form-radio-other-input, .form-captcha input, select {

    font-size:15px; color:red !important;

    }

    Refer this guide on How to Inject Custom CSS Codes

    Let us know if you need further assistance.

    Thanks,

    Sidharth

  • Profile Image

    Answered by ssmediator on May 24, 2013 at 01:48 AM

    Well, that worked for everything but the Message box.  I don't know exactly how to input it for that.  The Message box is: {message} but I don't know how to enter for black text.  Thanks!

  • Profile Image

    Answered by pinoytech on May 24, 2013 at 02:12 AM

    Hi,

    I've fixed the issue of your form for you by injecting this custom css into your form.

    .form-textarea {

    color: #000 !important;

    }

    If you need further assistance, feel free to let us know at anytime.

    Thank you!

  • Profile Image

    Answered by ssmediator on May 24, 2013 at 11:24 AM

    That works now, thank you!

  • Profile Image

    Answered by sidharth_kch on May 24, 2013 at 12:04 PM

    @ssmediator

    Glad to know that your issue was resolved.

    Should you have any questions please feel free to contact us.

    Thanks,

    Sidharth