What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I change my background when I click to type a text?

    Asked by borunodt on June 21, 2011 at 12:24 PM

    When I click inside the blank space to type something, this background is yellow and if its a wrong value, the background turns into red (pink).

    How can I change those two yellow and pink backgrounds?!

    thanks


    Page URL:
    http://creatorearquitetura.com/contato.html

    Screenshot
  • Profile Image
    JotForm Support

    Answered by abajan on June 21, 2011 at 05:59 PM

    Hello borunodt

    Thanks for asking. First load the form into the form builder.
    To remove the yellow background on focused inputs do the following:

    1. While on the Setup & Embed tab, click Preferences > Field Styles > Highlight Effect > Disabled

    2. Close the Preferences and save the form


    To remove the pink highlight on unfilled required fields:

    1. Preferences > Form Styles > Inject Custom CSS > Enter the following code in the area containing the text "Click to edit":

    .form-line-error {
    background:none repeat scroll 0 0;
    }

    2. Close the Preferences and save the form


    If you wish to just change the color of the background on focused inputs instead of removing it, leave the Highlight Effect setting on the Field Styles tab enabled, go to the Form Styles tab and inject the following CSS:

    .form-line-active {
    background-color:#CCFF99;
    }

    This will render the highlight as a light green but you can choose any color you wish by changing the CCFF99 part to another to another value. Please see this resource for additional information. (Incidentally, #CF9 would render the same color as #CCFF99)


    Lastly, to change the background color of unfilled required fields from the default to another color, inject the following CSS:

    .form-line-error {
    background:#FC0 repeat scroll 0 0;
    }

    You may have noticed that this code is very similar to the one provided earlier. The only change is that the word "none" has been replaced by a color (a kind of amber).

    Hopefully, you have found this reply helpful. Should additional assistance be required on this or any other aspect of our product, please don't hesitate to post your query. The team will be glad to help in whatever way we can.


    ~ Wayne

  • Profile Image

    Answered by borunodt on June 22, 2011 at 05:02 AM

    Worked !!! Thank you very much!!!