How to make donation input larger?

  • sbrooks_holleyfv
    Asked on June 2, 2020 at 10:16 AM

    However, the box in the "Donation: Credit Card Information" section is still small.  I added the CSS and the box is still small.  Can you please provide me the correct code for this page?  

  • Bojan Support Team Lead
    Replied on June 2, 2020 at 10:23 AM

    Please try to add the following CSS:

    #input_3_donation, .form-sub-label-container {
      width: 100% !important;
    }

    This will make input for the donation full width. If you wish to customize it, you can enter a custom value in pixels instead of 100%:

    width: 150px !important;

    You can click here to see how to inject CSS.

    Please let us know if this solution will work for you. 

  • sbrooks_holleyfv
    Replied on June 3, 2020 at 10:11 AM

    Thank you!

    The "100%" changed everything else.  So, I changed "100%" to "auto" and it looks perfect now.

    Question, for my education. Under CSS, I currently have 

    #input_68_donation{width:auto !important;}

    #input_3_donation, .form-sub-label-container {width: auto !important;}


    If I want to do this on my own, how do I know which number (68, 3) to use? And ".form-sub-label-container" (and others) labels. 

  • Jovanne JotForm Support
    Replied on June 3, 2020 at 10:27 AM

    Hi, thank you for your response.

    You can find the ID and the class of a field by using the Inspect Element feature of a browser.

    How to make donation input larger? Image 10


    Let us know if you need further assistance.

  • sbrooks_holleyfv
    Replied on June 4, 2020 at 9:38 AM

    Thank you!  Will this and my other link will remain on or will they be removed at a certain time?  I need these for my future reference.  


    Question -

    how can we test the Jotform without entering the credit card information. I want to see if our Thank You Confirmation wordings are good and the Email wordings are good. 
  • Bojan Support Team Lead
    Replied on June 4, 2020 at 10:48 AM

    Thank you for your message.

    Ticket links will stay active and you will be able to access it any time. 

    Your second question has been moved to the new ticket. You can use the following link to access it, and you will get a reply soon:
    https://www.jotform.com/answers/2368109

    If you have any additional questions, please post them in the new ticket.

    Thank you for your cooperation.