How can I change the colour of a table within form

How can I change the colour of a table within form. Thank you.

Background is light grey with white text.

Hi there, you can simply inject the following code.

Hope it helps!
Thanks




<style type="text/css">

table {border:ridge

5px #D3D3D3;}

table td {border:insert

1px #000;}

table tr#ROW1 {background-

color:#D3D3D3; color:#ffffff;}

table tr#ROW2 {background-

color:#ffffff;}

table tr#ROW3 {background-

color:#808080; color:#ffffff;}

table td#CELL9 {border:insert

4px #D3D3D3; background-

color:#A9A9A9;}

</style>

<table>

<tr id="ROW1">

<td>Cell

1.1</td>

<td>Cell

1.2</td>

<td>Cell

1.3</td>

<tr id="ROW2"

<td>Cell

2.1</td>

<td>Cell

2.2</td>

<td>Cell

2.3</td>

</tr>

<tr id="ROW3">

<td>Cell

3.1</td>

<td>Cell

3.2</td>

<td id="CELL9=">Cell 3.3</td>

</tr>

</table>

Greetings,

Thank you for contacting Jotform Support.

As suggested by @krlrcbndct, you can modify the color of your table by injecting custom CSS code, you may use the below CSS code and follow this guide to replace the current existing CSS code.

How to Inject Custom CSS Codes

.form-matrix-column-headers {

    background : #b8bac5 !important;

    color : #ffffff !important;

}



.form-matrix-row-headers {

    background: #b8bac5!important;

    color : #ffffff !important;

}

Also I believe that you need to adjust the Label Width to fix the look of your form, you may set the value to a higher number e.g. 150 or 200.

Please let us know if you need further assistance, we are happy to help.