JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
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?
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.
background: transparent !important;
Here's a guide on how to inject custom CSS. Hope that helps. Thank you.