How do I change input font color AND input box surround highlight?

  • DeBordsHalloween
    Asked on July 26, 2017 at 7:07 AM

    I used one of the preset color schemes, as I know nothing about coding. I found out after my forms were finished that the gray background of my input fields has a dark gray/black font built into it, so it is nearly impossible for applicants to see. I need to change that to a lighter color.

    The second issue I just discovered is that when an applicant clicks on a box to answer, a surrounding "ghost" highlight pops up around the entire box and question. The preset color scheme I chose has a light yellow highlight, which washes out the yellow font that makes up the question, making it also nearly impossible to see. 

    Both these things were built in and seem counter-intuitive. 

    Jotform Thread 1208752 Screenshot
  • BJoanna
    Replied on July 26, 2017 at 11:43 AM

    You can change the background color of the input fields inside of the Form Designer.

    How do I change input font color AND input box surround highlight? Image 1 Screenshot 40

    The highlight effect can be disabled inside of the Form Settings. 

    How do I change input font color AND input box surround highlight? Image 2 Screenshot 51

    Here is my demo form: https://form.jotformpro.com/72064997569980 

    How do I change input font color AND input box surround highlight? Image 3 Screenshot 62

    Feel free to test it and clone it.

    Hope this will help.

  • DeBordsHalloween
    Replied on July 26, 2017 at 3:43 PM
    I don't want to change the color of the background, I want to change the
    color of the input font - to white or yellow
    De Smith
    ~ DeBord Halloween Festival
    Vendor Coordinator
    ~ Owner Geek Chic Bazaare ~ Pop-up Shop Emporium

    ...
  • BJoanna
    Replied on July 26, 2017 at 4:20 PM

    You can change the color of the input font inside of the Advanced Designer. When you open the Advanced Designer click on any input field and change the font color inside of the Textbox Styles tab. 

    How do I change input font color AND input box surround highlight? Image 1 Screenshot 20

    You can also check this video: https://www.jotform.com/form-designer/tuts/episode1/ 

    Form Designer Tutorial: Let's create fantastic forms!

    Here is my new demo form: https://form.jotformpro.com/72066358669974 

    Let us know if you need further assistance.