Adjust stripe form to 300px form width

  • gyangting
    Asked on August 21, 2014 at 7:55 AM

     

    Hi,

    I need to make the Stripe form fit in a form with 300px.

    Here's the form: https://secure.jotformpro.com/form/42315456458963

    Here's an illustration of what I'm looking to achieve: http://screencast.com/t/nI288RlSGQ

    Thanks,

    Guy

  • jonathan
    Replied on August 21, 2014 at 9:24 AM

    Hi,

    Is this how you wanted the form to be http://www.jotform.me/form/42323592555456

    I noticed a lot of injected custom CSS code injected on your form. I just removed some of the unnecessary code and retain a few, to fit the fields within the form.

    Give us your feedback on my version of the form if it is not sufficient to what you need.

    Thanks. 

     

  • gyangting
    Replied on August 21, 2014 at 9:55 AM

    Thanks a lot Jonathan.

    This is getting much closer to what I want!

    Here are the details I still have a hard time grapple with (based on your version):

    http://screencast.com/t/dsysyLyI

    http://screencast.com/t/GkYIh6OdmDP2

    http://screencast.com/t/jK1bT2DvHc

    Can you help me with these?

    Guy

  • David JotForm Support
    Replied on August 21, 2014 at 11:43 AM

    Hi,

    I believe I made the adjustments you wanted.  Have a look at my cloned version and let us know if there are any further changes you want made:

    http://form.jotformpro.com/form/42324651209954?

    Thank you for using JotForm!

  • gyangting
    Replied on August 23, 2014 at 3:50 PM

    Hello Jonathan and David,

     

    I just wanted to thank you for your help.

    After several trials, I've been able to get where I wanted with the form, pretty much.

    Here's the current version: http://form.jotformpro.com/form/42326489833968

     

    Guy

  • jonathan
    Replied on August 23, 2014 at 5:09 PM

    Hi Guy,

    We're glad to know you have done it.

    The form looks http://form.jotformpro.com/form/42326489833968 great.

    If you do prefer also, you may want to increase the font-size of the input boxes (Textboxes) so that it matches the current height of the input fields.

    Adjust stripe form to 300px form width Image 1 Screenshot 20

     

    You can try adding CSS code like this in your form's current existing codes to have bigger font-size in the input box. Just make adjustment on the number px according to your preference.

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input{

    font-size: 16px !important;

    }

     

    Contact us anytime should you need our assistance.

    Thanks.

     

     

     

  • gyangting
    Replied on August 23, 2014 at 5:38 PM

    Thanks Jonathan!

    That's very nice of you.

    I've implemented the change.

  • jonathan
    Replied on August 23, 2014 at 6:48 PM

    You're quite welcome. =)

    Contact us anytime should you require our assistance.

    Best