How do I change the text color of a Survey Element Input Table?

  • Profile Image
    dheinold
    Asked on January 17, 2021 at 04:54 PM

    Hello,

    The text is currently white and very hard to read with a beige background. See attached image.

    Thanks so much!

  • Profile Image
    Jessica_H
    Answered on January 17, 2021 at 09:02 PM

    Hi dheinold, thank you for reaching us.

    It looks like you have deleted the Input Table from your form (203647040113139). Do you still require help on changing the text color?


  • Profile Image
    dheinold
    Answered on January 17, 2021 at 10:15 PM

    Yes please, if you could tell me how I would like to add a new one!

  • Profile Image
    Jessica_H
    Answered on January 17, 2021 at 11:24 PM

    Hi dheinold, thank you for reaching back to us.

    Kindly add your Input Tables in the form. Afterward, please find your Field IDs from Properties > Advanced > Field Details.

    1610943726_60050cee97a52_

    Copy the Field IDs, then add { color: black; }. Using the example above, it should be as following:

    #input_175_0_0, #input_175_0_1, #input_175_0_2, #input_175_0_3, #input_175_1_0, #input_175_1_1, #input_175_1_2, #input_175_1_3, #input_175_2_0, #input_175_2_1, #input_175_2_2, #input_175_2_3, #input_175_3_0, #input_175_3_1, #input_175_3_2, #input_175_3_3 { color: black; }

    Finally, you can add the codes inside custom CSS.

    Related guide: How to Inject Custom CSS Codes

    Please give it a try and let us know if you encounter difficulty. 


  • Profile Image
    dheinold
    Answered on February 05, 2021 at 06:11 PM
    Hi Jessica,
    I created a new form and have put tables in this one but I’m having no luck with the Custom CSS.
    Can you make the text in the tables black for me?
    https://www.jotform.com/build/210346510651142
    [cid:image001.png@01D6FBE9.9C8B3990]
    Dianne Heinold
    Tournament Director
    Tennis Department Administrator
    TFA Camp Administrator
    IT & POS Technical Support
    Contract Coordinator
    Weymouth Club
    75 Finnell Dr | Weymouth, MA | 02188
    ...
  • Profile Image
    Sigit_W
    Answered on February 05, 2021 at 09:40 PM

    Greetings,

    Regarding "I created a new form and have put tables in this one but I’m having no luck with the Custom CSS."

    Could you kindly confirm, Is this the new form https://www.jotform.com/form/210346510651142 named Energy Center Camp Registration Form?

    This is the cloned version https://form.jotform.com/210357905117957

    If you need to clone it, please follow the steps mentioned here https://www.jotform.com/help/42-how-to-clone-an-existing-form-from-a-url

    Or, on your existing form, kindly inject this CSS code

    table.form-matrix-table {
     color: black!important;
    }

    You can change the color to suite your needs.

    Related guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    1612579057_601e00f1ce652_

    Please give it a try, let us know if you need further assistance.

    Regards.

  • Profile Image
    dheinold
    Answered on February 07, 2021 at 01:22 PM
    Thank you very much!
    [cid:image001.png@01D6FD53.727288F0]
    Dianne Heinold
    Tournament Director
    Tennis Department Administrator
    TFA Camp Administrator
    IT & POS Technical Support
    Contract Coordinator
    Weymouth Club
    75 Finnell Dr | Weymouth, MA | 02188
    781.682.5859
    ...
  • Profile Image
    hazardrizard
    Answered on February 11, 2021 at 02:01 AM

    i have also the similar problem but i wanna change my background color to black bcz i have some different ideas can you guys plz guide me how to apply it on my work i have no idea about it before.
  • Profile Image
    claire
    Answered on February 11, 2021 at 03:15 AM

    Hello,

    I moved your question to another thread. Please follow your question with this link. I will reply as soon as possible.