How to change the background color of the input field cell

  • monteclinfestichiens
    Demandé le 18 juin 2025 à 04:53

    Bonjour

    J'aimerais pouvoir faire la même mise en forme

    How to change the background color of the input field cell Image 1 Screenshot 20

    pour #input_39_0_0, #input_39_0_1, et #input_35_0_0,

    


  • Kyle Jotform Support
    Répondu le 18 juin 2025 à 07:33

    Hi monteclinfestichiens,

    Our ________ Support agents are busy helping other Jotform users right now, so 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 ________, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question, can you share with us the link to your form so we can check?

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

  • monteclinfestichiens
    Répondu le 18 juin 2025 à 07:41
  • Richie Jotform Support
    Répondu le 18 juin 2025 à 09:59

    Hi monteclinfestichiens,

    To clarify, do you want to change the fonts in the label in the input table? Or are your referring to the name fields input that you want to change the font? If you want to change the label fonts, you can do this in the Form Designer. Let me show you how:

    1. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
    2. Now, in the Form Designer menu, click on the Styles tab, scroll down to Font and choose the desired format.
      How to change the background color of the input field cell Image 1 Screenshot 20

    Give it a try and let us know if this works for you.

  • monteclinfestichiens
    Répondu le 18 juin 2025 à 11:10

    no i want change the cells bg color where the check is disabled

  • Richie Jotform Support
    Répondu le 18 juin 2025 à 11:40

    Hi,

    Thanks for the added information. You can add CSS to change the bg color of the cells in the input table. Let me show you how:

    1). First, copy this code:

    #cid_39 td.form-matrix-values{
      background-color: rgba(255, 255, 255, 0.4) !important
    }
    #cid_35 td.form-matrix-values{
      background-color: rgba(255, 255, 255, 0.4) !important
    }


    2). In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3). Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.
    How to change the background color of the input field cell Image 1 Screenshot 30


    Check out this screenshot of my result:

    How to change the background color of the input field cell Image 2 Screenshot 41

    Give it a try and let us know if this works for you.

  • monteclinfestichiens
    Répondu le 18 juin 2025 à 12:50

    Perfect
    Thank's

Your Reply