How to change the color background color of a cell in input table?

  • filmgeschaeftsfuehrung_harrer
    Gefragt am 27. März 2024 um 09:43
    Außerdem bräuchte ich bitte alle Zeilen der Spalte 6-9 (rosa umrandet) hellgrau eingefärbt. Gibt es hier auch einen CSS Code?
  • Lara Jotform Support
    Geantwortet am 27. März 2024 um 10:24

    Hello Anna,

    Thanks for reaching out to Jotform Support. To change the background color of specific cells from your input table field, we can inject a custom CSS code to it. Let me show you how:

    1. Open the form in Form Builder.
    2. Click on the paint icon located in the upper right of your screen.
    3. Then, go to Styles tab.
    4. Scroll down and, in the Inject Custom CSS section, copy and paste the code below.
    /* Changes the bg color of the input values cell*/
    [id^="input_3"][id$="4"],
    [id^="input_3"][id$="5"],
    [id^="input_3"][id$="6"],
    [id^="input_3"][id$="_7"] {
        background-color: lightgray;
            height: 50px;
    }
    /* Changes the bg color of the column label*/
    .form-matrix-column_4 {
        background-color: lightgray !important;3
    }
    .form-matrix-column_5 {
        background-color: lightgray !important;3
    }
    .form-matrix-column_6 {
        background-color: lightgray !important;3
    }
    .form-matrix-column_7 {
        background-color: lightgray !important;3
    }

    How to change the color background color of a cell in input table? Image 1 Screenshot 20 Give it a try and let us know if you need any other help.