How to change the background color of text boxes?

  • ebuabua
    Asked on July 2, 2018 at 7:29 PM

    Is there anyway to change the background color of a text box?  Not a header box but a text box?


    Thanks!

  • Kevin Support Team Lead
    Replied on July 2, 2018 at 9:34 PM

    You may change the  background color with the following CSS code: 

    #id {

        background: orange;

    }

    Replacing the id with the element id and the orange color with the background color you want to have. Here's an image that will help you finding the element id: 

    1530581643screenshot 01 Screenshot 10

    This guide will help you injecting the CSS code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps. 

  • ebuabua
    Replied on July 20, 2018 at 6:43 PM
    Where do I find the element ID once I hit inspect? A ton of coding popped
    up when I hit inspect.
    ...
  • Jed_C
    Replied on July 20, 2018 at 7:59 PM

    When you inspect an element of a site, a console menu will appear like the one in my colleague's screenshot. You'll need to make sure that the "Element" tab is selected.

    1532130989How to change the background c Screenshot 10

    Once you change the tab to "Elements" tab, you should see the list of HTML codes. Please take note of the #3 arrow in the screenshot where it says id="input_30", that would the field id of the hovered field (Short text field) in my colleague's example.

    I hope that explains it, but let us know if you have further questions.