CSS code: I want to change the color of specific field manually?

  • CALICANTUS
    Domanda del 10 ottobre 2023 alle ore 16:32

    Gentile Assistenza,

    ho creato un modulo https://form.jotform.com/232816040951048

    Sarebbe possibile colorare solo i campi obbligatori di un colore differente rispetto ai campi non obbligatori?


    Grazie

    Paolo

  • Sonnyfer Jotform Support
    Risposta del 10 ottobre 2023 alle ore 21:13

    Hi Paolo,

    Thanks for reaching out to Jotform Support. Unfortunately, our Italian Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Italian, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. Unfortunately, it's not possible to conditionally color only the required fields on your form. We can, however, change the color manually (static) of the fields that you set mandatory. If you like to proceed, please confirm if you only like to change the font color of the required question, or you want something different changing the background color of the whole question?

    After we hear back from you, we'll be able to help you with this.

  • CALICANTUS
    Risposta del 11 ottobre 2023 alle ore 02:54
    All right.
    I would like to manually change the color of the filling field of only some questions.
    How can I do?


  • Camila Jotform Support
    Risposta del 11 ottobre 2023 alle ore 05:18

    Hi Paolo,

    Thanks for reaching out to Jotform Support. Let me show you how to do it:

    • In Form Builder, click on Form Designer on the right side of your screen.
    • Click on Advanced Designer.

    CSS code: I want to change the color of specific field manually?  Image 1 Screenshot 50

    • Then, you will direct on Advanced Designer section.
    • Click on CSS on the right side of your screen.
    • NOTE: To change the color of specific field, you will need to click the field directly.


    CSS code: I want to change the color of specific field manually?  Image 2 Screenshot 61

    • Then, on the right side of the screen. It shows the Field ID.
    • After that, you insert the code below:
    #input_41 {
        background-color : #6DD0F2;
    }


    CSS code: I want to change the color of specific field manually?  Image 3 Screenshot 72

    Check out my Screenshot below:

    CSS code: I want to change the color of specific field manually?  Image 4 Screenshot 83

    You can check out this Demo Form so that you can test it by yourself. If you want to clone the form, you can check out this guide about How to Clone an Existing Form From a URL.

    Give it a try and reach out again if you have any other questions.