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 can I change the text color of the options for a checkbox?

    Asked by iWin on April 07, 2011 at 02:41 PM
  • Profile Image

    Answered by allanftd on April 07, 2011 at 03:05 PM

    Hi iWin,

    You can change the text color of the check box options by going to the Properties of the check box field (click the gear icon) and insert the highlighted codes in the Options properties (see screenshot below):

    <font color=red>OPTION 1
    OPTION 2
    OPTION 3
    ...

    OPTION N</font> 

    We hope this answers your inquiry. Please let us know if you have any other questions or concerns. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image
    JotForm Support

    Answered by abajan on April 07, 2011 at 03:29 PM

    Just to add a bit to what allanftd has clearly illustrated, if you want to have a different color for each item, enclose each of them in separate font tags. In other words, let's say you wanted only Option 1 to be red and Options 2 and 3 to be green and blue respectively, the code would be:

    <font color="red">Option 1</font>
    <font color="green">Option 2</font>
    <font color="blue">Option 3</font>

  • Profile Image

    Answered by iWin on April 07, 2011 at 03:39 PM

    It worked, thanks!

  • Profile Image

    Answered by YummyGarden on July 17, 2012 at 03:38 PM

    What about all of the checkboxes in the form being the same ONE color? Black, preferrably.

  • Profile Image
    JotForm Support

    Answered by jonathan on July 17, 2012 at 04:00 PM

    @YummyGarden,

    Hi, by default the form's checkboxes label and options are colored black already... 

    Please inform us if you are looking for another thing instead.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by abajan on July 17, 2012 at 08:07 PM

    @YummyGarden

    There are 41 forms in your account. To which of them are you referring? (Just give its name if you don't want to disclose its ID).

    Thanks.


    Wayne

  • Profile Image

    Answered by YummyGarden on July 17, 2012 at 08:11 PM

    41?? I only have one form.

  • Profile Image
    JotForm Support

    Answered by abajan on July 17, 2012 at 08:23 PM

    Ha ha...

    My apologies. I was looking at iWin's account. I take it you want to change the background color of the radio buttons to black? If so, that could be very tricky to accomplish. To better understand what I mean, have a look at the following links:

    Styling form controls with CSS, revisited
    Styling checkboxes with CSS


    Wayne

  • Profile Image

    Answered by YummyGarden on July 17, 2012 at 08:39 PM

    NeilVicente went into my account and made the adjustments for me. My radio buttons and check box text was orange (came with the theme) but I wanted the text to be black. Not the field or the background, just the options text for .

    This was the CSS code in order to change the checkbox and radio label color to black:

    .form-radio-item label, .form-checkbox-item label, .form-grading-label {color: #000 !important;}

    It worked! No more orange text. It's all black in color.

  • Profile Image
    JotForm Support

    Answered by abajan on July 17, 2012 at 08:43 PM

    Oh okay. In other words, when Jonathan posted his reply, the problem was already solved. Correct?

  • Profile Image

    Answered by YummyGarden on July 17, 2012 at 08:54 PM

    @ abajan

    The message he sent me was at 4pm. He responded to another post I commented on. I commented here because there was a solution to change the check box options text one by one. I was wondering how to do them all the same one color.

    JotForm tech support made the adjustment for me, but then messaged me the solution as well. I could pretty much use the same CSS code to plug in any color # for future forms if needed.

    Thanks for your help! The support team is awesome!

     

  • Profile Image
    JotForm Support

    Answered by abajan on July 17, 2012 at 08:57 PM

    @YummyGarden

    As the saying goes, "All's well that ends well." And thanks for the kudos to our team!


    Cheers :)