Customizing the "Terms & Conditions"

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

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.

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
...

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!

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
...

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 href="http://www.example.com/">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.

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
...

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!