How to change text input color?

  • Profile Image
    Smankovsky
    Asked on February 27, 2018 at 02: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!

  • Profile Image
    Kiran
    Answered on February 27, 2018 at 02: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.

  • Profile Image
    Smankovsky
    Answered 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

  • Profile Image
    TREVON
    Answered 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.gif


  • Profile Image
    Smankovsky
    Answered 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

  • Profile Image
    TREVON
    Answered on February 28, 2018 at 01: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.2


  • Profile Image
    Smankovsky
    Answered on March 01, 2018 at 05: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.gif

  • Profile Image
    jonathan
    Answered on March 01, 2018 at 06:59 PM

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

    1519948692zzz 2018-03-02 07.56.04.png


    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.