How to change the background on inidividual text box background?

  • homesurveygb
    Asked on April 13, 2016 at 4:12 AM

    Hi. I am creating a form which has different pages. On the second page I want the text box background to have a transparent background. 

    When I alter the CSS in the theme designer it changes all 'Text' input boxes to the same color, but I only want one background color changing to transparent (Survey Quote Cost). 

    Is this available with jotform and how can I do it? 

    Cheers

    Rich

  • Jan
    Replied on April 13, 2016 at 6:20 AM

    If you are planning to do it on only 1 text box then I would recommend using custom CSS. We need to get the class or ID of the field first so we can target and declare some CSS values to it.

    Please provide a screenshot or an information on what text box you want to be transparent.

    But if you want to do it yourself then you can use Google Chrome Inspector tool or Mozilla Firefox in order to get the class or ID of the field. Here's an example:

    In Google Chrome, right click the field and then click "Inspect". After that, you'll see the assign ID for that textbox.

    How to change the background on inidividual text box background? Image 1 Screenshot 20

    Now, you need to add this CSS on your form.

    #input_15 {

    background: transparent !important;

    }

    Here's a guide on how to inject custom CSS. Hope that helps. Thank you.