Wie kann ich die Hintergrungfarbe von Tabellen verändern

  • Profile Image
    Reinbold_verwaltung
    Gefragt am 20. Oktober 2025 um 09:01

    ich habe für meinen Formular Stil eine recht dunkle Farbe ausgewählt und eine helle Schrift Farbe um einen Kontrast zu haben der stark genug ist. Jetzt habe ich allerdings das Problem dass bei angewählten Feldern der Hintergrund hell wird. Auch die Tabellen sind in der Standard Einstellung mit hellem Hintergrund, durch den zu schwachen Kontrast kann man die Schrift nun kaum lesen, wie kann ich das bearbeiten, da ich im Advanced Designer keine Möglichkeit gefunden habe.

    Jotform Thread 32192903 Screenshot
  • Profile Image
    Mihriban
    Geantwortet am 20. Oktober 2025 um 10:54

    Hi Reinbold_verwaltung,
    Thanks for reaching out to Jotform Support. Our German 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 German, let us know and we can have them do that. But, it might take a while until they're available again.

    You can inject the CSS codes below to change the font color and background of the table. Let me show you how:

    1. In Form Builder, open the Form Designer by selecting the Paint Roller icon in the upper-right corner.
    2. In the Form Designer pane on the right, go to Styles at the top.
    3. Scroll down to Inject Custom CSS and paste the CSS code in the textarea.
    4. Then, click Save.

    Here is a sample CSS you can use for your table:

    .form-matrix-column-headers {
      background#9b9b9b99 !important;
       /*background color*/
    
       color : white !important;
       /*font color*/;
    }

    .form-matrix-row-headers {
       background #9b9b9b99 !important;
       /*background color*/

       color : white !important;
       /*font color*/;
    }


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

  • Profile Image
    Reinbold_verwaltung
    Geantwortet am 21. Oktober 2025 um 01:35

    Thank you that helped me very much!


    One last Thing, what is the code to make the contrast here more visible when the field is selected?

    Wie kann ich die Hintergrungfarbe von Tabellen verändern Image 1 Screenshot 20

  • Profile Image
    Mertcan
    Geantwortet am 21. Oktober 2025 um 02:05

    Hi Reinbold_verwaltung,

    Thanks for reaching out to Jotform Support. You can easily change the background color of the selected field by using Paint Roller icon. Let me show you how:

    1. In Form Builder, open the Form Designer by selecting the Paint Roller icon in the upper-right corner.
    2. Click on Advanced Designer. Wie kann ich die Hintergrungfarbe von Tabellen verändern Image 1 Screenshot 30
    3. Then click on the Settings Icon which placed right side of the Simulate highlight.
    4. Change the color according to your needs click Select and then click Save changes at the left side panel. Wie kann ich die Hintergrungfarbe von Tabellen verändern Image 2 Screenshot 41
Your Reply