How to change background color of the active field?

  • Profile Image
    edgeadgroup
    Asked on March 20, 2018 at 04:09 PM

    Here is an example - I am having this issue whether I am embedding these forms or whether just using a link: https://form.jotform.com/80786046120958

    It seems to happen when we make a colored background to the form, and is more of a problem when I try to make the text WHITE or light to go with a dark background.

    As you can see, when you click on each field, the dark background turns to white/cream and then you can't read the field label, plus it just looks bad. I cannot find a setting for this anywhere. I have the form background and page background both set to the dark color and cannot figure out where the white background is coming from...

    This has come up with a number of forms we've created lately (when instead of just a plain white background, we match them to the color of the page, which happens to NOT be white.

    Please help! Thanks in advance.

    - Stacy


  • Profile Image
    Richie_P
    Answered on March 20, 2018 at 05:08 PM

    Kindly insert this custom css code to fix the issue.


    .form-line.form-line-active{
      background-color: transparent;
    }

    Complete guide:-How-to-Inject-Custom-CSS-Codes

    Please let us know if you have further questions.

  • Profile Image
    edgeadgroup
    Answered on March 20, 2018 at 07:23 PM

    THANKS!!! SO simple - glad I asked.

  • Profile Image
    Jan
    Answered on March 20, 2018 at 09:48 PM

    On behalf of Richie_P, you are welcome. You might also want to add this CSS code to prevent this:

    152159672403-21-olto3.png

    .form-line-error {
    background-color: transparent;
    }

    Here's the result:

    152159682303-21-qh5l8.png

    Hope that helps. Thank you.