What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How do you increase the font size of my payment form?

    Asked by MaryKerr on November 11, 2014 at 04:39 PM

    I am working on my MEAAA Donation Form.  I used the Form Wizard and tried to increase the font size but it didn't work.  Please help.

    payment form size font size font
  • Profile Image

    Answered by Ben on November 11, 2014 at 05:49 PM

    Hi,

    You should be able to change it using the new Form Designer and through the Preferences on the toolbar, but if you can tell us which jotform is not getting affected by your changes so that we can take a look at why it is not accepting the changes.

    Best Regards,
    Ben

  • Profile Image

    Answered by MaryKerr on November 11, 2014 at 09:11 PM
    The form name is MEAAA Donation Form, I did change the font size in Preferences but when I preview the form in source code or in and IFrame it displays small again and when I put it on our website it is small.
    Mary Kerr
    mkerr@mid-eastaaa.org
    [cid:image007.png@01CFFDEA.5BC58680]
    Visit our website at www.AgingMissouri.org
    [cid:image008.jpg@01CFFDEA.5BC58680] [cid:image009.jpg@01CFFDEA.5BC58680]
    ...
  • Profile Image

    Answered by MaryKerr on November 11, 2014 at 09:41 PM
    I did some more work on the form and was able to change the size of the font by changing it in the source code, but I couldn’t change the size of the subtext like name, credit card number, etc. Also this size of the input boxes are really small especially the Donation amount box. Can that be changed? Thank you for your help.
    Mary Kerr
    mkerr@mid-eastaaa.org
    [cid:image007.png@01CFFDEF.3AF29060]
    Visit our website at www.AgingMissouri.org
    [cid:image008.jpg@01CFFDEF.3AF29060] [cid:image009.jpg@01CFFDEF.3AF29060]
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 12, 2014 at 12:21 AM

    Hello Mary,

    I did some more work on the form and was able to change the size of the font by changing it in the source code

    Do you mean to say that you have downloaded your form's source code? Please be noted that if you make changes in your form editor, it will not be reflected in the form's source code. You will have to download the form's source code again.

    Please inject the following custom css code in your form to increase the font size of the sub labels:

    label.form-sub-label {

    font-size: 0.75em !important;

    }

    Css code to increase the width of the donation box:

    input#input_26_donation {

    width: 100px !important;

    }

    The following guide should help you inject custom css code in form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you need any other changes.

    Thank you!