How to apply background color to only one column in an input table.

  • TravelTraining
    Asked on May 20, 2019 at 9:42 AM

    Good Afternoon,

    Is it possible to change the background colour of one entire column using CSS (including header), while keeping the other columns as the default background colour?

    If it is possible, would you be able to give an example of the CSS required to do this please?

    Thank you for your time.

  • AndrewHag
    Replied on May 20, 2019 at 10:26 AM

    Yes, it is possible using custom CSS code. Could you please share the URL of the form and tell for which column you wish to change the background color?

    We will wait for your response.

  • TravelTraining
    Replied on May 20, 2019 at 12:38 PM

    Thank you for your quick reply. If, for example, I wanted to make the final column in this (uncompleted by enough to test on) form all green please:

  • AndrewHag
    Replied on May 20, 2019 at 12:57 PM

    I am not sure which column you are referring to. I can see only one input table in the form, do you wish to change the background color of the last column Mastered?

    1558371317chrome WQIMPVDw2N Screenshot 10

    If yes, you may try the CSS code below:

    tbody>tr>:nth-child(5){

      background-color: green;

    }

    Here is the guide: How-to-Inject-Custom-CSS-Codes

    If you are talking about a different field, could you please share a screenshot of that field so that we can provide you the code accordingly.

    Here is the guide: How-to-Post-Screenshots-to-Our-Support-Forum

  • TravelTraining
    Replied on May 20, 2019 at 2:12 PM

    That's perfect and exactly what I wanted. Thank you for your help.