What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How to make payment question textbox narrow?

    Asked by Edesignsplans on January 04, 2016 at 12:49 AM

    Thank you that did work.

    Now I can't seem to make this work..

    See attachment 

  • Profile Image
    JotForm Support

    Answered by Charlie on January 04, 2016 at 03:27 AM

    I checked your form and it seems like you have already made the total purchase box narrower.

    Still, you can use this custom CSS code to add a currency symbol at the beginning and change the width of the total purchase order box:

    /** Add Currency symbol here */

    #cid_20 > span:before {

        content : "$" !important;



    /** Width of total purchase box*/

    #input_20_donation {

        width: 40% !important;


    Paste that custom CSS code under the CSS tab in your Form Designer Tool. You can adjust the or change the "content" and the "width" mentioned in my CSS code with your own preferences.


    To show the decimal places, in your case, all of your products have .00 in their decimals which means they are empty. It you want to show them, then you can setup the "Sub Total" field like this:

    - Tick or check "Show empty decimal places"

    - Uncheck or untick "Use commas for decimal point"


    Here's a cloned form with those changes: https://www.jotform.com/60031755058956.

    This is how it looks like:


    Let us know if that works.