How to make payment question textbox narrow?

  • Profile Image
    Edesignsplans
    Asked 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
    Charlie
    Answered 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.