How to Decrease the Font Size of the Long Text Field in the PDF?

  • achadmd
    Asked on September 3, 2024 at 9:01 AM

    How can we decrease the font size of the actual data that is being entered into a Long Text field? This would allow it to fit into the box when it is applied onto the PDF.   website:  https://www.jotform.com/build/230868694525065

    Jotform Thread 18599131 Screenshot
  • Kyle JotForm Support
    Replied on September 3, 2024 at 10:43 AM

    Hi achadmd,

    Thanks for reaching out to Jotform Support. Unfortunately, I can't view the screenshot that you have shared. Can you resend us the screenshot again? This guide will show you how to do that.

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

  • achadmd
    Replied on September 3, 2024 at 10:54 AM

    How to Decrease the Font Size of the Long Text Field in the PDF? Image 1 Screenshot 20

  • Bilal JotForm Support
    Replied on September 3, 2024 at 12:49 PM

    Hi achadmd, 

    You can add this Custom CSS code to reduce the font size of the text inside the long text fields. Let me walk you through it:

    1. Copy the code below:

    .form-textarea{
    font-size: 11px !important;
    }

     2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

    How to Decrease the Font Size of the Long Text Field in the PDF? Image 1 Screenshot 20

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

  • achadmd
    Replied on September 3, 2024 at 3:52 PM

    I added the CSS code, but the font size of the data that shows up on the PDF is still too large. The code did not change the size of the font of the data which was entered and then applied to the PDF form.

    How to Decrease the Font Size of the Long Text Field in the PDF? Image 1 Screenshot 30How to Decrease the Font Size of the Long Text Field in the PDF? Image 2 Screenshot 41

  • Jovanne JotForm Support
    Replied on September 3, 2024 at 4:46 PM

    Hi achadmd, 

    If you want to reduce the font-size of the added information on your PDF document, you need to change it in the PDF Builder. It is easy. Let me show you how:

    1. In PDF Editor, click the blue paintbrush icon to open Form Designer.
    2. Edit the Font Size and check the Use dynamic font size to adjust on the text area.
    3. Click Apply Changes to save the changes of the form.

    How to Decrease the Font Size of the Long Text Field in the PDF? Image 1 Screenshot 20

    That's it. You can now adjust the font size of the PDF document's content.

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

  • achadmd
    Replied on September 3, 2024 at 6:02 PM

    How do I do it once so that the smaller font size will be the default.

  • Afzal JotForm Support
    Replied on September 3, 2024 at 9:48 PM

    Hi achadmd, 

    I understand you are looking to set the smaller font size as the default size of the PDF document. This can be done by following the steps shared by my colleague Jovanne. If this is not what you are looking for please share more details and we'll do a more in-depth investigation and work on finding a solution.

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

  • achadmd
    Replied on September 3, 2024 at 9:56 PM

    Perfect, this solved the problem. TY/JAZ

Your Answer