Create a terms and conditions check box with link

Thanks, it worked! Do you also know how I can add a link in the left side of the form? For example, if I want guests to check a box to agree with the terms and conditions, I want to place the text "I agree with the conditions" on the left of the checkbox, where the word conditions is a link to the terms and conditions.

I would like to suggest trying a Terms & Conditions widget.

Thank you.

Hi Mike,

Am i able to change the font style to the rest of the form? I don't know which font size and face I am using, can I look this up? And what would be the correct CSS to achieve this?

Your form is using the following font:

font-family: Lucida Grande,sans-serif;

Additionally to the font family, your form labels are displaying with these styles:

font-weight: bold;
font-size: 14px;
color: #DE9F00;

If you want your Terms and Conditions widget to match the appearance of the rest of your form labels, you may want to add the following custom CSS to your Terms and Conditions widget:

label {
font-family: Lucida Grande,sans-serif;
font-weight: bold;
font-size: 14px;
color: #DE9F00;
}

You can add this code by clicking on the wand-shaped icon of the widget, then switching to the Custom CSS tab, and pasting the code there:

The widget would display like this:

If you need further assistance, please let us know.

Thanks you so much!! This really helped.

 

And the link color to white? (both link, visited linked, and hover link)

If you want to change the color of visited and hover link to white color we would appreciate it if you could inject the CSS code below:

:hov

.cls

element.style {

}

a:visited {

    color: white;

}

a {

    color: white;

    text-decoration: none;

}

At that time it should work as you see below:

 

If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

This is the best helpdesk ever, this really works well!

Thank you very much

You're most welcome having. Thank you so much for those kind words and appreciation. We will continue to do our best to give you the best service you could ever get. :) I've created a separate thread for you, so anyone in the support staff will be able to assist you with your specific requirement. Please follow up there:

https://www.jotform.com/answers/857043

Thanks you. Since you were providing the exact css styles for my form, I was wondering if I could set the background of the form to transparant and if the browser does not support this, just use normal black (or another color). What are the css lines for this style? I can only set the color in het settings with no transparency :)

I've changed the background color of the checkbox at the following link: https://www.jotform.com/answers/857043

If you still need further assistance, please let us know. We will be happy to help.