Form: How to change Font size?

  • Coleen peters
    Asked on February 22, 2024 at 10:55 PM

    Some fonts are too large some too small. I am Hi lighting the box going to design going to font option and adjusting the font size. I adjust what looks like size 22 downward and it makes

    the other boxes minescule.

  • Marlon_T Jotform Support
    Replied on February 23, 2024 at 12:06 AM

    Hi Coleen,

    Thanks for contacting Jotform Support. I understand that you're having issues with the font size of your form. Can you provide more details about the issue?

    Could you please provide the URL of the form? This will help us determine the source of the problem and understand what is going on. You can provide a screenshot as well to clearly explain the issue of your form.

    We'll be able to help you with this as soon as we hear from you.

  • Coleen_Peters
    Replied on February 23, 2024 at 10:25 AM
    https://form.jotform.com/220615331005136
    Also can only share to myself (android) not to Apple cell.??
    Sent from my Verizon, Samsung Galaxy smartphone

    Get Outlook for Android<https:>
    ________________________________
    </https:>...
  • Coleen_Peters
    Replied on February 23, 2024 at 10:30 AM
    When I said won't open with an apple I mean I cannot forward via text from my android to an apple. I can email the link on my phone but not text.
    Sent from my Verizon, Samsung Galaxy smartphone
    Get Outlook for Android<https:>
    ________________________________
    </https:>...
  • Shirized Ina Garces JotForm Support
    Replied on February 23, 2024 at 10:37 AM

    Hi Coleen,

    Thanks for getting back to us. I'm sorry this is happening. Just to confirm, do you want all the font sizes to be the same size for all the fields in your form? If so, I checked your form and I noticed that you're using a Header element. This is why the font size is different from the others.

    Form: How to change Font size? Image 1 Screenshot 20

    If you want to change the font size of the specific field, we can do that by injecting Custom CSS code. Can you tell me which of these fields you want to change so we can help you?

    Once we hear back from you, we'll be able to move forward with a solution.

  • Coleen_Peters
    Replied on February 23, 2024 at 2:40 PM
    thanks for getting back re the font size. Towards the bottom Are you going and below seems to be too large or too bld
    Everything from Coleen Peters cell & email is way too large and too bold. Pls adjust using your own discretion. I guess when I added the header I just kept on going. I should have used... add some text or what should i have used below the header?. Thank you for our helpp
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Coleen-P-HS-v2.png] [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Coleen-P-Sig-v2.png]
    Coleen Peters
    REALTOR® • CA DRE #829‌354
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Email.png] cpeters@cbbakersfield.com<cpeters>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Mobile.png] 661.747.9001[https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Phone.png] 661.836.6228
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Web.png] www.buyandsellbakersfield.com<http: />
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Loc.png] 9100 Ming Ave, Ste 100 • Bakersfield, Ca 93311<https:>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Worth-Button.png]<cpeters> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/CBP-Logo.png] <http: />
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Search-Button.png]<http:>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Reviews-Button.png]<http:>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Facebook.png]<https: /> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Google.png]<https:> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Instagram.png]<https: /> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Twitter.png]<https:> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Yelp.png]<https:>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Spacer10.png]
    ________________________________
    </https:></https:></https:></http:></http:></cpeters></https:></cpeters>...
  • Princess JotForm Support
    Replied on February 23, 2024 at 3:27 PM

    Hi Coleen,

    Thanks for getting back to us. I’m sorry you're having difficulties with this. I cloned your form to test it, and I easily replicated the issue. There is an easy fix for this, we just need to change your element from Header to Paragraph element. Let me show you how:

    1. In Form Builder, click the Add Form Element button to open the Form Elements menu.
    2. Look for the Paragraph element and click or drag and drop to add it into your form.
    3. Copy and paste your texts into the Paragraph element. Form: How to change Font size? Image 1 Screenshot 30

    Here's what it looks like when applied to all the remaining Header fields:

    Form: How to change Font size? Image 2 Screenshot 41

    Here's the link to my sample form for you to clone by following this guide on How to Clone an Existing Form From a URL.


    Give it a try and let us know how it goes.

  • Coleen_Peters
    Replied on February 23, 2024 at 4:00 PM
    I did it and it works!. The directions say to paste but you really need to cut.. I also submitted a ticket this morn about why my apple friends cannot open the link from the share button under the publish tab. I have to email it to them. I have an Android phone thanks
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Coleen-P-HS-v2.png] [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Coleen-P-Sig-v2.png]
    Coleen Peters
    REALTOR® • CA DRE #829‌354
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Email.png] cpeters@cbbakersfield.com<cpeters>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Mobile.png] 661.747.9001[https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Phone.png] 661.836.6228
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Web.png] www.buyandsellbakersfield.com<http: />
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Loc.png] 9100 Ming Ave, Ste 100 • Bakersfield, Ca 93311<https:>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Worth-Button.png]<cpeters> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/CBP-Logo.png] <http: />
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Search-Button.png]<http:>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Reviews-Button.png]<http:>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Facebook.png]<https: /> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Google.png]<https:> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Instagram.png]<https: /> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Twitter.png]<https:> [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Yelp.png]<https:>
    [https://makalla.s3.us-east-2.amazonaws.com/CB+Preferred+-+Peters/Spacer10.png]
    ________________________________
    </https:></https:></https:></http:></http:></cpeters></https:></cpeters>...
  • Joshua_T JotForm Support
    Replied on February 23, 2024 at 4:05 PM

    Hi Coleen,

    Thanks for getting back to us. I am glad to hear that the problem has been resolved. For your other question, I moved it to a different thread to avoid confusion. You can find it here.

    Reach out again if you need any other help.