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

  • bubbbab
    Asked on August 8, 2014 at 3: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)

  • David JotForm Support Manager
    Replied on August 8, 2014 at 4: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.

  • bubbbab
    Replied on August 8, 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)

     

  • Welvin Support Team Lead
    Replied on August 9, 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!