How can I change the color by default of the fields ?

  • Profile Image
    KOMILFO
    Asked on July 13, 2018 at 06:28 AM

    Hello !

    We plan to organize a buzz game on our Internet website and we intend to insert a Jotform for this event.

    Nevertheless, when we click on any element of the form to fill in the different fields, the color changes into a very pale yellow, which prevents the gamer from seeing the name of the element (eg picture enclosed).

    How can we do to change & choose the right color so as to enhance an optimal user experience ?

    Thank you in advance for your answer.

    Best regards.

  • Profile Image
    AminaG
    Answered on July 13, 2018 at 06:59 AM

    Hi KOMILFO, 

    I have checked the form and I saw that the background color is white while in screenshot it is black. Please describe the details of the problem.

    1531479561form color.png

  • Profile Image
    AminaG
    Answered on July 13, 2018 at 06:59 AM

    Hi KOMILFO, 

    I have checked the form and I saw that the background color is white while in screenshot it is black. Please describe the details of the problem.

    1531479561form color.png

  • Profile Image
    KOMILFO
    Answered on July 13, 2018 at 11:18 AM

    Indeed, the background color of the form is now white. But when you click on the field to write your answer, the color of the field becomes yellow which makes the "subtitle" disappear.

    The question is, to be more precise, how to change the color by default of the fields after a click ?

    Thank you in advance,

    Fabrice

  • Profile Image
    John_Benson
    Answered on July 13, 2018 at 12:56 PM

    To remove the yellow background when selecting a field, please add this custom CSS code to your form: 

    .form-line.form-line-active {

    background: transparent;

    }

    Here's a guide: 117-How-to-Inject-Custom-CSS-Codes

    Give it a try and let us know how it goes. 

  • Profile Image
    KOMILFO
    Answered on July 16, 2018 at 06:16 AM

    Thank you very much for your answer.

    The form has been updated and it works properly.

    A last question : can we change within the code the language by default ?

    When an error occurs now on the form (ie : empty field), the following message appears : "This field is required."

    We'd like to have it in French.

    Thank you in advance.

  • Profile Image
    ashwin_d
    Answered on July 16, 2018 at 09:21 AM

    I have moved your new question to a new thread so that we can address it separately. You will be answered in the following thread:   https://www.jotform.com/answers/1525596