Form: Change width of a field

  • bwhgiving
    Asked on April 17, 2018 at 4:26 PM

    Is it possible to change the width of the USD field in this Stripe field:

    1523993130Capture2 Screenshot 10


    I want to make this field wider so the whole total will fit

  • Richie JotForm Support
    Replied on April 17, 2018 at 4:33 PM

    We can add a custom css to increase the width of the field.

    #form-textbox validate[required, Numeric] form-validation-error{

    width:80px!important;

    }

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

    Form: Change width of a field Image 1 Screenshot 20

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


    Thank you.

  • bwhgiving
    Replied on April 18, 2018 at 8:07 AM

    Thank you, unfortunately, it didn't seem to work:

    https://form.jotform.com/bwhgiving/sean-mcdonough-golf-classic. I copy and pasted the css directly into my css editor and saved it. Would you mind taking a look? Thanks for your help!

  • Richie JotForm Support
    Replied on April 18, 2018 at 10:00 AM

    I cloned your form and it seems I have found the correct target css to increase its width.

    #input_8_donation{
      width: 80px!important;
    }

    Form: Change width of a field Image 1 Screenshot 20

    Please delete the previous css code I have given and replace it with the new code.

    Let us know how it goes.

    Thank you.

  • bwhgiving
    Replied on April 18, 2018 at 10:37 AM

    Perfect. Thank you!

  • bwhgiving
    Replied on April 19, 2018 at 11:08 AM

    Hello,

    Since I have included this css, I am not getting the sponsorship info being pulled into my confirmation email:

    This is what the field should look like:

    1524150435email1 Screenshot 10


    but the {sponsorshipLevels} isn't being pulled in anymore:


    1524150497Capture3 Screenshot 21

  • bwhgiving
    Replied on April 19, 2018 at 11:24 AM

    Never mind. I got it working. Thanks!