Change the Font on the Checkbox Label of the Terms and Conditions Widget

  • rachelconnors
    Asked on April 17, 2014 at 8:45 PM

    Is there any way to format the terms widget so that the font matches the rest of my form?

  • Cesar
    Replied on April 17, 2014 at 9:58 PM

    You can change the font. By adding the font-family to the div that encapsulates the content of your Terms and Conditions widget, like so:

     

     

    <div style="font-family: Verdana">
    Your Tems and Conditions Content
    </div>

    Basically you need to format your content using HTML tags. Just use the font you need instead of Verdana. 

    This is my Example Form: http://form.jotformpro.com/form/41068632430953

     

    Do let us know if you need further assistance. Thank you.

  • rachelconnors
    Replied on April 17, 2014 at 10:10 PM

    No, the "I agree to the terms and conditions" text is still in a different font in your example. Can you see what I am talking about?

  • Cesar
    Replied on April 18, 2014 at 1:09 AM

    My Apologies, I now understand you mean the label that contains the checkbox. At this moment that label is not editable is also editable, but the label breaks and the checkmark then is not placed on the box.

    I will raise a ticket to the Dev Team. So that they can evaluate the feasibility of allowing this label to be customized without breaking the check box. Once there is any update on their end. They will let us know through this thread. Thank you.

  • Elton Support Team Lead
    Replied on April 18, 2014 at 1:45 AM

    @rachelconnors

    Please use span tag instead of div and use single quote instead of an apostrophe. 

    You can use the following. Just change the font style according to your preference.

    <span style='font-family:tahoma;color:green;'>Please read the Terms and Conditions below</span>

    Change the Font on the Checkbox Label of the Terms and Conditions Widget Image 1 Screenshot 20

    Hope this helps!

  • martinbond
    Replied on March 4, 2015 at 1:39 AM

    Hi, 

    Basically I've copied your example form but don't understand the code enough to manipulate it to suit my desired needs. Also I'm very time poor on this task, is there any way I can send you my original document to demonstrate what my desired outcome is. If so, you could then suggest a code format that would suit me. 

     

    I'm basically trying to build my companies NDA onto this platform but it must have professional appearance for it to be approved. 

    Here is a sample screenshot of my original doc and I can send actual file if need be. 
    Change the Font on the Checkbox Label of the Terms and Conditions Widget Image 1 Screenshot 20

    Any help is greatly appreciated and thank you in advance.

     

     

    Regards,

    Martin.