Change color of the last column of all input table questions.

  • guiroylescaillet
    Asked on December 2, 2017 at 9:08 AM

    Hello,

    I would like to change the color of the last column of all input table questions: for exemple in blue.

    Indeed, the last column always means 'NA - Sans Opinion' =  I am not concerned by this question. So I would like people to see this option differently from the other options.

    Thank you for your precious help and reactivity.

    Best regards from France.

    Aurelie.

  • Marvih
    Replied on December 2, 2017 at 11:49 AM

    Hi please insert this CSS code into your Custom CSS tab.

    .form-matrix-column-headers.form-matrix-column_5{

    background: lightblue !important

    }

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

    The background color highlighted in blue above can be change depending on what you want.

    Let us know if you need further help.

  • guiroylescaillet
    Replied on December 2, 2017 at 5:30 PM

    Thank you. it is perfect !!

  • guiroylescaillet
    Replied on December 2, 2017 at 5:34 PM

    Sorry. I speak too fast.

    It does not work when looking at preview !

    What is missing?

    Thanks again.

    BR,

    Aurelie.

  • David JotForm Support Manager
    Replied on December 2, 2017 at 6:22 PM

    Please try this code instead: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-matrix-column_5{

    background-color: lightblue !important;

    }

    Here is my clone version: https://form.jotform.com/73356671826970 

  • guiroylescaillet
    Replied on December 3, 2017 at 8:06 AM

    Hello, 

    It doesn't worth either.

    It seems ok on the 'build' page, but not on preview.

    Best regards,

    Aurelie.

  • Mike_G JotForm Support
    Replied on December 3, 2017 at 10:38 AM

    The issue you are having is caused by the extra close curly bracket in line 28 of the CSS codes in the CSS tab of your form.

    1512315009t10 27 22 Screenshot 10

    Please remove that and you should be able to see the last column header of the input table fields in your form similar to what is shown in the image below.

    1512315200t10 32 44 Screenshot 21

    Also, if you mean to change the background color of the last column of every row in the input table fields in your form, you can inject the additional codes below:

    td.form-matrix-values:last-child {

        background-color: lightgreen !important;

    }

    It will look like this after:

    1512315450t10 37 12 Screenshot 32

    I hope this helps. If you have other questions regarding this, please feel free to contact us again anytime.

  • guiroylescaillet
    Replied on December 3, 2017 at 12:11 PM

    Thanks a lot. It is perfect.