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

  • Profile Image
    guiroylescaillet
    Asked on December 02, 2017 at 09: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.

  • Profile Image
    Marvih
    Answered on December 02, 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.

  • Profile Image
    guiroylescaillet
    Answered on December 02, 2017 at 05:30 PM

    Thank you. it is perfect !!

  • Profile Image
    guiroylescaillet
    Answered on December 02, 2017 at 05:34 PM

    Sorry. I speak too fast.

    It does not work when looking at preview !

    What is missing?

    Thanks again.

    BR,

    Aurelie.

  • Profile Image
    BDAVID
    Answered on December 02, 2017 at 06: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 

  • Profile Image
    guiroylescaillet
    Answered on December 03, 2017 at 08:06 AM

    Hello, 

    It doesn't worth either.

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

    Best regards,

    Aurelie.

  • Profile Image
    Mike_G
    Answered on December 03, 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.png

    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.png

    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.png

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

  • Profile Image
    guiroylescaillet
    Answered on December 03, 2017 at 12:11 PM

    Thanks a lot. It is perfect.