Font size in credit card space

  • lycboater
    Asked on October 21, 2019 at 8:36 PM

    The form below font size in the credit card section is to big for the space.  Were do you reduce the font size?

    Thanks,

    LYC


  • Richie JotForm Support
    Replied on October 21, 2019 at 9:47 PM

    You can use this custom CSS to adjust the height of your payment field.

    .square-hosted-fields {
           height: 27px !important; /*you may adjust the px value*/
     
    }

    Guide:-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.

  • lycboater
    Replied on October 21, 2019 at 10:03 PM

    The credit card box is not long enough to fit the hole credit card number.  1111 1111 1111 1111


    Thanks,

    Nancy

  • Richie JotForm Support
    Replied on October 21, 2019 at 10:07 PM

    Kindly  add the width inside the custom CSS I have shared.

    .square-hosted-fields {
           height: 27px !important; /*you may adjust the px value*/


          width: 240px !important;
    }

    If you need further assistance, let us know.

  • lycboater
    Replied on October 21, 2019 at 11:14 PM

    Ok.  That worked but now I try to put my name in and it try's to "pre-populate fields from URL and to pass data to another form".  You can't key in your information.

    Thanks,

    Nancy


  • lycboater
    Replied on October 21, 2019 at 11:50 PM
    That worked but in order to put information in it only let you put
    "pre-populate fields from URL and to pass data to another form". Can this
    be changed?
    Thanks,
    Nancy
    ...
  • jherwin
    Replied on October 22, 2019 at 1:33 AM

    Hello Nancy - Could you please show us a screenshot of the field or texts you're referring to?

    Guide: How-to-Post-Screenshots-to-Our-Support-Forum

    Looking forward to your response.

  • lycboater
    Replied on October 22, 2019 at 7:30 AM

    Font size in credit card space Image 1 Screenshot 20https://www.jotform.com/build/92937708291165


    If you hover over the Name or any of the boxes the person needs to fill out, you can't type in your information.  The information has to be the "cookie" or pre-populated information of the person.  


    Thanks,

    Nancy

  • Richie JotForm Support
    Replied on October 22, 2019 at 7:54 AM

    It seems the background color for your textbox is white and the font used to type in is also white. This is the reason why it seems you are not typing any values inside your fields.

    You may change the background color of your text box by adding this custom CSS

    .form-textbox{
      background-color: transparent !important;
    }

    Please give it a try and let us know if you need further assistance.