What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to change the background on inidividual text box background?

    Asked by homesurveygb on April 13, 2016 at 04: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

    Page URL:
    https://form.jotformeu.com/61013705178349

    how how to change survey JotForm different same
  • Profile Image
    JotForm Support

    Answered by Jan on April 13, 2016 at 06: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.

    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.