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 can I change text box font color via Form Designer

    Asked by BWSites on November 18, 2014 at 04:37 PM
    font color text box color form designer
  • Profile Image
    JotForm Support

    Answered by Mike_T on November 18, 2014 at 05:59 PM

    Since you use a new Form Designer, you should be able to click on the Text Box input and set the Font Color. Please see the following animation:

    If you need any further assistance, please let us know. Thank you.

  • Profile Image

    Answered by BWSites on November 18, 2014 at 06:21 PM
    I tried that, and saved it, but it doesn't show in the end product..The
    cursor is light, but the text, when typed it is not visible..
    http://www.bwsites.net/contact/
    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on November 18, 2014 at 07:44 PM

    Hi,

    Upon checking your form, I see that the text input color is visible when clicked and typed.

    May I know if the problem is already fixed? Or am I pointing at a different matter?

    We'll wait for your response.

    Thank you.

  • Profile Image

    Answered by DarkFx on November 18, 2014 at 07:49 PM

    Hi BWSites,

    Please follow the guide below.

    Find this to your Form Styles and split that into two(2).

    .form-textbox, .form-textarea { border-width: 0px; border-style: solid; color: #00ffff; padding: 14px 3px 12px 3px; }

     

    like this one and put a padding and font color to ".form-textbox"

     

    .form-textarea { border-width: 0px; border-style: solid; color: #00ffff; padding: 14px 3px 12px 3px; } .form-textbox {padding: 3px 3px 5px 3px; color: #00ffff;}

    and last find this code

    .form-textbox {
    height: 10px;
    }

    replace to this one

    .form-textbox {
    height: 26px;
    }

     

    Hope this helps.

    Thanks.