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

  • MaryKerr
    Asked on November 11, 2014 at 4: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.

  • Ben
    Replied on November 11, 2014 at 5: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

  • MaryKerr
    Replied on November 11, 2014 at 9: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]
    ...
  • MaryKerr
    Replied on November 11, 2014 at 9: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]
    ...
  • Ashwin JotForm Support
    Replied 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!