How to increase the font size on integrated payment?

  • pinkinkllc
    Asked on December 28, 2016 at 6:32 PM

    I am using Stripe and have tried Square but the font for both of the integrations are extremely small.

     

    Is there a way to make these fonts bigger?

  • AIDAN
    Replied on December 28, 2016 at 6:49 PM

    Hi, thank you for contacting us.

    As you didn't provide us with a link to your form or web page, I assumed you meant https://www.jotform.com/63498505483163

    Under this assumption, in order to make increase the font of these elements, please inject this custom CSS code:

    .form-sub-label {

        font-size: 15px !important;

    }

    I created an animation to guide you through adding that custom CSS code to your form:

    How to increase the font size on integrated payment? Image 1 Screenshot 20

     

     

    I also created a corrected form, in case you would like to clone ithttps://www.jotform.com/63626990344968

     

    For a general guide on how to inject custom CSS to a form, please see https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you need further assistance please let us know. We'll be happy to help. Thank you.

  • pinkinkllc
    Replied on December 28, 2016 at 7:45 PM
    Hi,

    Thank You so much for the prompt response to my inquiry and I apologize for including any information on the form in question.

    Please advise how I can clone your form and will I need to re initiate the link for the payment processor, If I use your form.

    Thank You.

    Meka Kiah
    President | Pink Ink LLC.
    O | 480.939.7653
    M | 480.738.0011
    E | mk@pinkinkllc.com
    Pink Ink LLC.
    8902 E. Via Linda
    Scottsdale, AZ 85258
    www.pinkinkllc.com
    IMPORTANT: The contents of this email and any attachments are confidential. They are intended for the named recipient(s) only. If you have received this email by mistake, please notify the sender immediately and do not disclose the contents to anyone or make copies thereof.

    ...
  • pinkinkllc
    Replied on December 28, 2016 at 7:45 PM
    Please disregard last email regarding cloning.

    Meka Kiah
    President | Pink Ink LLC.
    O | 480.939.7653
    M | 480.738.0011
    E | mk@pinkinkllc.com
    Pink Ink LLC.
    8902 E. Via Linda
    Scottsdale, AZ 85258
    www.pinkinkllc.com
    IMPORTANT: The contents of this email and any attachments are confidential. They are intended for the named recipient(s) only. If you have received this email by mistake, please notify the sender immediately and do not disclose the contents to anyone or make copies thereof.

    ...
  • pinkinkllc
    Replied on December 28, 2016 at 7:46 PM
    Regarding same form

    Is there a way to use one common font for the whole form, as HTML fields don’t have the same fonts available and cannot be changed in the Designer.

    Want all fonts to be Open Sans Condensed

    Meka Kiah
    President | Pink Ink LLC.
    O | 480.939.7653
    M | 480.738.0011
    E | mk@pinkinkllc.com
    Pink Ink LLC.
    8902 E. Via Linda
    Scottsdale, AZ 85258
    www.pinkinkllc.com
    IMPORTANT: The contents of this email and any attachments are confidential. They are intended for the named recipient(s) only. If you have received this email by mistake, please notify the sender immediately and do not disclose the contents to anyone or make copies thereof.

    ...
  • Mike_G JotForm Support
    Replied on December 28, 2016 at 11:17 PM

    To make HTML fields font, Open Sans Condensed, please inject the CSS codes below to your form.

    span {

        font-family: 'Open Sans Condensed' !important;

    }

    I hope this helps. If you have any other questions or concerns, please feel free to contact us again anytime. Thank you.