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

  • Profile Image
    rachelconnors
    Asked on April 17, 2014 at 08:45 PM

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

  • Profile Image
    Cesar
    Answered on April 17, 2014 at 09: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.

  • Profile Image
    rachelconnors
    Answered 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?

  • Profile Image
    Cesar
    Answered on April 18, 2014 at 01: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.

  • Profile Image
    EltonCris
    Answered on April 18, 2014 at 01: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>

    Hope this helps!

  • Profile Image
    martinbond
    Answered on March 04, 2015 at 01: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. 


    Any help is greatly appreciated and thank you in advance.

     

     

    Regards,

    Martin.