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

    I would like to change the color of all text entries in a form to white

    Asked by bubbbab on August 08, 2014 at 03:57 PM

    Hello Excellent Jotform Support Team. I call on your expertise again.

     

    The form http://form.jotformpro.com/form/42190856657969 is going over a dark background so I would like to change the user input inside all boxes to white. I have tried a couple of injections with no luck and I suspect that I have it conflicting with current CSS injections.  Would you please have a look with thanks in advance!

     

    Steve

    (bubbbab)

  • Profile Image
    JotForm Support

    Answered by BDAVID on August 08, 2014 at 04:39 PM

    Please try injecting this CSS code in your form:

    .form-textbox,.form-textarea,.form-dropdown{

    background: transparent;

    color: white;

    }

    .form-line-error {

    background: #FFFFFF;

    }

    .form-label-top, .form-label-left, .form-label-right {

    color: #FFFFFF;

    }

    Take a look a my cloned version of your form here. If you want to, you can clone my form. Hope this helps you, let us know if you need more help.

  • Profile Image

    Answered by bubbbab on August 08, 2014 at 10:39 PM

    Thanks very much for that. I just had to  add back in

    .form-line-error {

    background: transparent;

    }

     

    I'm not very good at CSS so can you tell me why I couldn't just add the above to what you had done for me as:

    .form-textbox,.form-textarea,.

    form-dropdown,

    .form-line-error {

    background: transparent;

    }

     

    {

    background: transparent;

    color: white;

    }

    .form-line-error {

    background: #FFFFFF;

    }

    .form-label-top, .form-label-left, .form-label-right {

    color: #FFFFFF;

    Again, I have a lot of CSS learning to do.  Thanks again!

     

    bubbbab

    (Steve)

     

  • Profile Image
    JotForm Support

    Answered by Welvin on August 09, 2014 at 10:55 AM

    If you need it to be transparent, you can use "transparent" from "white" or "#FFFFFF". You need to use my colleague custom CSS codes.

    Thank you!