How to change text input color?

  • Smankovsky
    Asked on February 27, 2018 at 2:13 PM

    The input text color changed from black to white and I cannot change it back. Please advise how to change text input color


    thanks!

  • Kiran Support Team Lead
    Replied on February 27, 2018 at 2:51 PM

    Please add the following CSS code to the form so that the text should be displayed in black color:

    input {

      color: #000 !important;

    }

    Let us know if you need any further assistance. We will be happy to help.

  • Smankovsky
    Replied on February 28, 2018 at 11:07 AM

    Thank you Kiran for answering... I tried doing the same for the Terms and conditions Widget and cannot get it to work. I need the terms and conditions text to be white instead of black

    https://www.jotform.com/build/80574595170159#preview

    thanks

  • TREVON
    Replied on February 28, 2018 at 12:24 PM

    To change the Terms and Conditions text to white, kindly insert the following css code to widget CSS section.

    label {

        color: #ffffff;

        padding-left: 5px;

        vertical-align: middle;

        font-family: inherit;

    }

    label  a {

        color: #ffffff;   

    }

    Below is a screencast on how to insert the code above to widget CSS section.

    1519838629Edit terms Screenshot 10


  • Smankovsky
    Replied on February 28, 2018 at 12:46 PM

    Thank you for the instructions. However the checkbox and terms and conditions are still not in white. Please assist


    thanks


    Stan

  • TREVON
    Replied on February 28, 2018 at 1:31 PM

    The reason that the "Terms and conditions" field is not picking the changes is you have not made update on the CSS section of the Widget as shown in the Screencast I shared earlier.

    Below is an image illustration of where you need to inject CSS to the widget

    https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets


    1519842519Screen Shot 2018 02 28 at 21 Screenshot 10


  • Smankovsky
    Replied on March 1, 2018 at 5:34 PM

    You are not correct Trevon, I did exactly what you said and if you look at your own video it clearly shows that the check mark stays black after you change the text to white

    1519838629Edit terms Screenshot 10

  • jonathan
    Replied on March 1, 2018 at 6:59 PM

    The CSS code I see on the widget appears to be wrong.

    1519948692zzz 2018 03 02 07 Screenshot 10


    Please change it to this.


    #_label {

      color: #ffffff !important;

    }


    this should make the Terms widget label texts have white color.

    Let us know if this did not work.