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 fix the terms & conditions widget I added so it can be seen?

    Asked by mdscj1 on September 24, 2016 at 05:31 AM

    https://form.jotform.com/62318439859166

     

    Above is my jotform.  How do I fix the terms & conditions widget i added so it can be seen?

     

     

    terms and condition
  • Profile Image
    JotForm Support

    Answered by Welvin on September 24, 2016 at 11:40 AM

    I've fixed it for you by injecting the following custom CSS codes in the widget:

    .icheckbox_minimal, .icheckbox_minimal.checked.hover {

        border: 1px solid #ffffff !important;

    }

    label {

        color: #ffffff !important;

    }

    You can change the color if you want. Just run the widget configuration to do so and click the "Custom CSS" tab. 

  • Profile Image

    Answered by mdscj1 on September 25, 2016 at 12:33 AM

    Okay great. thank you, however, the text "terms and conditions" is red and can see the words.  How can we fix that?

    2nd, how do I make the checkbox already checked as a default?
  • Profile Image
    JotForm Support

    Answered by Charlie on September 25, 2016 at 02:48 AM

    I'm not sure if I understood your follow up concern correctly. I'm checking your form and the text is NOT read?

    Do you like to change the text color of the "terms and conditions" to red? If so, then simply add this CSS code in the widget CSS tab:

    a {

    color: red !important;

    }

     

     

    For the 2nd question you have, please refer to this link instead: https://www.jotform.com/answers/941257. We will address it accordingly.

    Thank you.

  • Profile Image

    Answered by mdscj1 on September 25, 2016 at 11:48 AM

    Okay good. thank you for the code.  One more thing, the checkbox needs to be filled with white color like all my other checkboxes on the form.

  • Profile Image
    JotForm Support

    Answered by Welvin on September 25, 2016 at 02:18 PM

    I've made the adjustments. Here are the additional custom CSS codes injected in the widget:

    .icheckbox_minimal {

        background-color: #dedede;

     

    }

    .icheckbox_minimal.checked {

        background-color: #dedede;

    }

    .icheckbox_minimal.hover {

        background-color: #dedede;

        width: 16px;

        height: 16px;

        background-position: 0;

    }

     

  • Profile Image

    Answered by mdscj1 on September 25, 2016 at 11:43 PM

    Thank you.