Changing colour and theme on Input Table

hi there, i wonder how to change the widget in the screenshot below so it matches the table formatting?

also, i would like to put some padding on the right side of form

Thank you!

Jennifer

Are you referring to this section?

What part do you want to change the color?

Temporarily add this custom CSS code and let us know if you need further help:

.form-matrix-row-headers {

    border: 1px solid #000;

    background: #b37f7f;

}

.form-matrix-row-headers, .form-matrix-column-headers {

    color: orange;

}

To add custom CSS code to your form, please follow this guide:

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

hi vincent i pasted this in but it the colours arent right.

i would like the table to be semi opaque with the borders white and the text white.

also, ive been trying to get a little more space on the row headers but i cant figure that out

so it looks like the rest of the form as per the picture below.

thanks for your help! 

Please allow me some time to create the CSS for you. Let me get back to you afterwards.

Please add the Custom CSS below:

.form-matrix-column-headers, 

.form-matrix-row-headers, 

.form-matrix-values, 

.form-matrix-table tr:nth-child(2n) {

    background: transparent;

}

The change will be available to all the input tables on your form.

Sample display:

thanks vincent, this looks so nice now but i wonder one more thing. 

is there a way to make some more space between the rows so it doesnt look so squished?

ive tried to figure this out but i cant! 

Thanks again for your help!

Jennifer

Hello Jennifer - Are you referring to the row headers below?

If so, you can use this custom CSS code below to add widen it:

th.form-matrix-row-headers {

    width: 100px;

    text-align: center!important;

}

This is how it looks when you used the code above:

GUIDE: How-to-Inject-Custom-CSS-Codes 

Please try that and let us know how it goes.

Hello,

To avoid confusion, I decided to move your new issue to this thread: https://www.jotform.com/answers/2229583