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

    Input Text Font Color

    Asked by vincelorusso on April 27, 2015 at 03:36 PM

    Hi,

    I'm really loving your product so far. Great job in building it.

    I'm having an issue changing the input text color (i.e. as a subscriber is filling out my form, the text does not appear because the label box background is white and the text is white...white on white).

    I've looked all over the designer section and see no options. How can I change the input text font color?

    Thanks,

    Vince

    font color font label product
  • Profile Image

    Answered by Syed on April 27, 2015 at 03:49 PM

    Hi Vince;

              Thankyou for contacting us! Please try to inject the following CSS Code Block at the end, review the screenshots, I just imported your form for this particular thread.

    .form-textbox, .form-textarea, .form-dropdown {color: #666 !important; }

    1) Click "Preferences" -> "Field Styles" -> "Inject Custom CSS".

    I hope this helps. Please let us know if you need further assistance on this, we would be happy to assist you further.

     

    Thankyou,

  • Profile Image

    Answered by vincelorusso on April 27, 2015 at 04:02 PM

    Thanks for the prompt reply, but it did not seem to solve my issue. I injected the code as you suggest, saved, and previewed the form to test it and the font color remained white. 

    Any thoughts what went wrong?

  • Profile Image

    Answered by vincelorusso on April 27, 2015 at 04:22 PM

    Update: I was able to identify the textboxes and dropdown easily in the CSS and change those to the right hex. those now work.

    However, the checkbox and number fields are still coming through as white. Anyway you can point me to those in the CSS section so I can update the hex?

    Thanks again.

  • Profile Image

    Answered by Syed on April 27, 2015 at 05:12 PM

    Hi Vince, pardon me, sorry for the delay, I noticed something that you have pasted CSS Code in wrong place (code was pasted into some media query, please take a look at the screenshot). Can you paste the above CSS Code again at the end, to make sure, it is working on your side?

    Looking forward to hearing from you.

    Thankyou,

  • Profile Image

    Answered by vincelorusso on April 27, 2015 at 06:05 PM

    Thanks, Syed! All is good now, except for one thing. The checkmarks for checkboxes are still white. How can I make those #666?

  • Profile Image

    Answered by Syed on April 27, 2015 at 06:19 PM

    Hi Vince;

            Here is the complete CSS Code Block, please add this at the end of Inject CSS Field.

    .form-textbox, .form-textarea, .form-dropdown {color: #666 !important; }

    .form-checkbox-item:not(#foo) label:after {background-color: #666; box-shadow: 0 3px 0 0 #666, 3px 3px 0 0 #666, 6px 3px 0 0 #666, 9px 3px 0 0 #666, 8px 6px 0 0 #d5eef3, 10px 1px 0 0 #D5EEF3;}

     

    Thanks!

  • Profile Image

    Answered by vincelorusso on April 27, 2015 at 06:21 PM

    Beautiful! All good. Thanks again for the promptness and getting my issue resolved!

  • Profile Image

    Answered by Syed on April 27, 2015 at 06:22 PM

    You're welcome, shout us anytime if you need have any queries, we would be happy to assist you!

     

    Thankyou,