Change Colour of table in form

  • Profile Image
    Steve_Ralph
    Asked on June 25, 2020 at 03:29 AM

    Hello, 

    I have inserted a table into my form, and the default colour seems to be beige.As I have selected my writing colour on the form to be yellow, I cannot read the writing. I don't seem to be able to find a way to change the table colour. Can this be done?

     

    Thank you.

  • Profile Image
    gerardw
    Answered on June 25, 2020 at 05:10 AM

    Hello,

    Please insert this CSS code into the form:

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

        background : black;

    }

    You can use any other color too. You could use this link to get the color codes: https://htmlcolorcodes.com/color-picker/ 

    Related Guide: How-to-Inject-Custom-CSS-Codes 

    RESULT:

    15930760962506_10.png

    Please review and let us know if this helps.

  • Profile Image
    Steve_Ralph
    Answered on June 25, 2020 at 08:12 PM
    Hi Gerard,
     
    That's great thank you. 
     
    How can I change the size of the text in the table? Can I make the 'Yes' & 'No' at the top Bold?
     
    Thank you.
  • Profile Image
    Steve_Ralph
    Answered on June 25, 2020 at 08:28 PM
    Hi Gerard,
    That's great thank you.
    How can I change the size of the text in the table? Can I make the 'Yes' &
    'No' at the top Bold?
    Warm Regards,
    * Kristie Palin*
    * Assistant to **S**teve Ralph*
    Follow Our Instagram
    Follow Our Facebook
    ...
  • Profile Image
    Kevin_G
    Answered on June 25, 2020 at 08:49 PM

    You can do both with the following CSS code: 

    table.form-matrix-table {

        font-size: 19px;

    }

    .form-matrix-column-headers{

        font-weight: bold;

    }

    You can change the value on the "font-size" property. Please inject the code and let us know if you have any questions. 

    Thanks.