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

    Customizing the "Terms & Conditions"

    Asked by andimoe on November 26, 2016 at 07:46 AM

    Dear JotForm Team

     

    Is there any possibility to customize the "Terms & Conditions"?

    I am mainly intending to change the size of the font and the box.

     

    Thanks a lot for your reply

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

    customizing JotForm size font
  • Profile Image
    JotForm Support

    Answered by Helen on November 26, 2016 at 09:03 AM

    Thank you for contacting us.

    You can be changed size of the font and the checkbox under the widget wizard itself.

    1. Right click on the widget

    2. Click the Wizard icon

    3. You can inject your custom CSS code to "Custom CSS" field.

    If you have a problem about CSS code, explain to us what you need, we will do it for you.Please let us know if you need further assistance.

  • Profile Image

    Answered by andimoe on November 26, 2016 at 10:44 AM
    Dear Helen
    Thanks a lot for your reply.
    I am not that familiar with CSS, so if you can do it it would be great.
    On one hand I need the font size “13” (as the rest of the form) and the checkbox should appear in the same style as the rest of the checkboxes (for instance “Abweichende Rechnungsadresse”).
    Thanks a lot for your assistance
    Andi
    Von: JotForm [mailto:noreply@jotform.com]
    Gesendet: Samstag, 26. November 2016 15:03
    An: Oetiker, Andreas
    Betreff: Re: Customizing the "Terms & Conditions"
    A new response has been received:
    /www.jotform.com>[Das Bild wurde vom Absender entfernt. JOTFORM]/www.jotform.com/>/www.jotform.com>
    Answered by Helen
    Thank you for contacting us.
    You can be changed size of the font and the checkbox under the widget wizard itself.
    1. Right click on the widget
    2. Click the Wizard icon
    3. You can inject your custom CSS code to "Custom CSS" field.
    [Das Bild wurde vom Absender entfernt.]
    If you have a problem about CSS code, explain to us what you need, we will do it for you.Please let us know if you need further assistance.
    View this thread on browser » Unsubscribe Thread
    1480168993
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on November 26, 2016 at 12:06 PM

    Hello Andi,

    Please copy and paste this CSS to your Widget's custom CSS field:

    body {

    font-size: 13px!important;

    }

    .icheckbox_minimal {

    width:10px;

    height:10px;

    background:#d6d8db!important;

    border-color:#d6d8db!important;

    }

    And to do that please follow this instructions:

     

    Basically you enter the wizard of Terms and Conditions, click Custom CSS and copy and paste the above code.

    If you have any further questions please let us know.

    Thank you!

  • Profile Image

    Answered by andimoe on November 27, 2016 at 04:44 AM
    Thanks for your answer. It looks so much better now.
    However, if I now try to click on the checkbox I don’t get any response.
    Is there by chance any possibility that I can make the checkbox look exactly the same as the others (not only the seize but as well the form)?
    I have additionally three other questions:
    · Is there a way to change the space between the last letter and the red star for required questions?
    · Can I include a hyperlink in a question (in my case, I would like to include a hyperlink at the part: „Ich abonniere den kostenfreien Newsletter des Instituts für Marketing an der Universität St.Gallen. Dieser erscheint ca. vier Mal pro Jahr und kann jederzeit abbestellt werden.“)?
    · Can I change the size of the text below the fields (for instance at the field “Name” the text below the fields saying “Vorname” and “Nachname”) without changing the other font sizes.
    Thanks a lot for your assistance
    Andi
    Von: JotForm [mailto:noreply@jotform.com]
    Gesendet: Samstag, 26. November 2016 18:06
    An: Oetiker, Andreas
    Betreff: Re: Customizing the "Terms & Conditions"
    A new response has been received:
    /www.jotform.com>[Das Bild wurde vom Absender entfernt. JOTFORM]/www.jotform.com/>/www.jotform.com>
    Answered by Nik_C
    Hello Andi,
    Please copy and paste this CSS to your Widget's custom CSS field:
    body {
    font-size: 13px!important;
    }
    .icheckbox_minimal {
    width:10px;
    height:10px;
    background:#d6d8db!important;
    border-color:#d6d8db!important;
    }
    And to do that please follow this instructions:
    [Das Bild wurde vom Absender entfernt.]
    Basically you enter the wizard of Terms and Conditions, click Custom CSS and copy and paste the above code.
    If you have any further questions please let us know.
    Thank you!
    View this thread on browser » Unsubscribe Thread
    1480179989
    ...
  • Profile Image
    JotForm Support

    Answered by Boris on November 27, 2016 at 06:00 AM

    Andi, for different questions, we kindly ask that you open a new support thread:

    https://www.jotform.com/contact

    When it comes to making the widget's check box appear exactly the same as those in your form, I see that your form no longer uses the Terms and Conditions widget:

    https://form.jotformeu.com/63273290264354

    Your form is now using a regular Check Box field for this question, so it looks the same as the rest of your form.

    · Is there a way to change the space between the last letter and the red star for required questions?

    Yes, please add the following custom CSS into your form:

    .form-required { margin-left: 10px; }

    Where you can change 10px into any length you want. The default value was 5px, and the following guide will show you how to add the above CSS into your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    · Can I include a hyperlink in a question (in my case, I would like to include a hyperlink at the part: „Ich abonniere den kostenfreien Newsletter des Instituts für Marketing an der Universität St.Gallen. Dieser erscheint ca. vier Mal pro Jahr und kann jederzeit abbestellt werden.“)?

    Yes, you can add hyperlinks inside the option of your form field. I see you have already managed to do so for the option "Ich Stimme den Vertragsbedingungen zu und melde mich verbindlich für das Intensivseminar an."

    We can use the same method for inserting a hyperlink into your initial field as well. If you want to hyperlink the words "Instituts für Marketing an der Universität St.Gallen" to a link http://www.example.com/ , you would enter the option as:

    Ich abonniere den kostenfreien Newsletter des <a target="_blank" href="http://www.example.com/" rel="nofollow">Instituts für Marketing an der Universität St.Gallen</a>. Dieser erscheint ca. vier Mal pro Jahr und kann jederzeit abbestellt werden.

    · Can I change the size of the text below the fields (for instance at the field “Name” the text below the fields saying “Vorname” and “Nachname”) without changing the other font sizes.

    Yes, you can change the font-size of the sub labels by inserting the following custom CSS into your form:

    .form-sub-label { font-size: 1em; }

    The default value was 0.786em, and you can set this size in pixels (16px), points (12pt), ems (1em), percentages (100%).

    Please try it out, and let us know how it goes.

  • Profile Image

    Answered by andimoe on November 27, 2016 at 08:44 AM
    Thanks a lot. It was very helpful ☺
    Kindest regards
    Andi
    Von: JotForm [mailto:noreply@jotform.com]
    Gesendet: Sonntag, 27. November 2016 12:00
    An: Oetiker, Andreas
    Betreff: Re: Customizing the "Terms & Conditions"
    A new response has been received:
    /www.jotform.com>[Das Bild wurde vom Absender entfernt. JOTFORM]/www.jotform.com/>/www.jotform.com>
    Answered by Boris
    Andi, for different questions, we kindly ask that you open a new support thread:
    https://www.jotform.com/contact
    When it comes to making the widget's check box appear exactly the same as those in your form, I see that your form no longer uses the Terms and Conditions widget:
    https://form.jotformeu.com/63273290264354
    Your form is now using a regular Check Box field for this question, so it looks the same as the rest of your form.
    · Is there a way to change the space between the last letter and the red star for required questions?
    Yes, please add the following custom CSS into your form:
    .form-required { margin-left: 10px; }
    Where you can change 10px into any length you want. The default value was 5px, and the following guide will show you how to add the above CSS into your form:
    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
    · Can I include a hyperlink in a question (in my case, I would like to include a hyperlink at the part: „Ich abonniere den kostenfreien Newsletter des Instituts für Marketing an der Universität St.Gallen. Dieser erscheint ca. vier Mal pro Jahr und kann jederzeit abbestellt werden.“)?
    Yes, you can add hyperlinks inside the option of your form field. I see you have already managed to do so for the option "Ich Stimme den Vertragsbedingungen zu und melde mich verbindlich für das Intensivseminar an."
    We can use the same method for inserting a hyperlink into your initial field as well. If you want to hyperlink the words "Instituts für Marketing an der Universität St.Gallen" to a link http://www.example.com/ , you would enter the option as:
    Ich abonniere den kostenfreien Newsletter des Instituts für Marketing an der Universität St.Gallen. Dieser erscheint ca. vier Mal pro Jahr und kann jederzeit abbestellt werden.
    [Das Bild wurde vom Absender entfernt.]
    · Can I change the size of the text below the fields (for instance at the field “Name” the text below the fields saying “Vorname” and “Nachname”) without changing the other font sizes.
    Yes, you can change the font-size of the sub labels by inserting the following custom CSS into your form:
    .form-sub-label { font-size: 1em; }
    The default value was 0.786em, and you can set this size in pixels (16px), points (12pt), ems (1em), percentages (100%).
    Please try it out, and let us know how it goes.
    View this thread on browser » Unsubscribe Thread
    1480244443
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on November 27, 2016 at 09:52 AM

    Hello Andi,

    You're welcome, I'm glad we were able to assist you.

    If you have any further questions please let us know.

    Thank you!