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 do I change the background color of a particular spinner?

    Asked by shw528 on June 08, 2015 at 09:58 PM

    I want to call out certain products in my form that are on sale.  Is there a way to change the background color of a particular item to get it to stand out?  I am open to other suggestions.  Thank you.

    Page URL:
    http://www.jotform.us/form/50835190521147

    how call open thank item
  • Profile Image
    JotForm Support

    Answered by Charlie on June 09, 2015 at 01:34 AM

    Hi,

    Are you referring to the background color of the input field or just the background color of actual element?

    If it's the background of the element, you can follow the steps below.

    1. First, get the ID of that field. You can follow the screenshot below. I want to change the background color of the field "Bone Broth (Mushroom)". Right click on it, inspect element and find the element the covers the whole field. In my case, it's the ID "id_158".

     

    2. Navigate to your form builder, click the "Designer" icon.

    3. Inside the Form Designer Tool, navigate to "CSS" tab, paste the ID there, but make sure to add "#" on it. Add the attribute "background". In my case I added "background: yellow;". You'll see the change in my spinner field.

     

    I hope that helps.

    Do let us know if you need more help on this.

    Thanks.

  • Profile Image

    Answered by shw528 on June 10, 2015 at 10:46 AM

    This is very helpful.  Thank you.

  • Profile Image

    Answered by shw528 on June 10, 2015 at 07:09 PM

    I tried doing the same thing for my meat cuts form, and it didn't work.  What CSS code do I have to inject to highlight Beef-->Arm Steak for instance?

  • Profile Image

    Answered by raul on June 10, 2015 at 07:48 PM

    You would need to check for the field ID as mentioned by my colleague above and use it on your CSS code. For the field you've mentioned the code would be the following:

    #cid_148 { background-color: yellow; }

    This would be the result:

    Let us know if you need further assistance.