Change Color of Spreadsheet Widget

How do I make this: 

Look more like this:

I know how to change the row names and column names. I can't figure out how to change the background of the input fields or the background of the column headers or row headers

Hi there - It's possible by injecting CSS code to the widget. However, CSS codes are form-specific. Kindly provide the URL of the form you're working on and we'll be happy to provide a custom CSS for you to achieve your requirements.

Guide: Where-to-Find-My-Form-URL 

https://form.jotform.com/201414110213128

You can use the following injected custom CSS codes to each of the spreadsheet widget on the form.

.cell-input {

background-color : #ffd7d7;

}

Let us know if you need further assistance.

How would I change the color of the row & column labels?

They're currently blue but I'd like them to get that grey from my original question.

Please add the following CSS codes on the widget

th {

    color: #000;

    background: #ddd;

}