Have a customize style of price box field on the form

  • Profile Image
    Asked on April 11, 2016 at 11:07 PM

    I need some help I am so bad with this.

    #1 Put a space or two between $ and the price boxes. Right now the $ sign is too close to box.

    #2: Make the dropdown box the same style as the other boxes, rounded.

    #3 Make all price boxes and drop down price box the same width - all must match and look uniform.

    THANK YOU!!!!!!!!!!!!

  • Profile Image
    Answered on April 12, 2016 at 03:10 AM

    Please allow me more time to work on this. I'll get back shortly.


  • Profile Image
    Answered on April 12, 2016 at 03:39 AM

    Please check my test form https://form.jotform.com/61021801844951

    It look like this

    You can clone it already if it matches your needs.

    User guide: How-to-Clone-an-Existing-Form-from-a-URL

    Let us know how it goes.



  • Profile Image
    Answered on April 12, 2016 at 04:32 AM

    wow perfect -


    how do i get phone and email on same line??? im not good at this - ur amazing - will u help me again>

  • Profile Image
    Answered on April 12, 2016 at 06:06 AM

    First you need to shrink your Phone Number field.

    Then add this CSS code to your form:

    #id_18, #id_19{

        width: 220px !important;

        display: inline !important;


    After you add this code your form will look like this. 

    Here is my demo form: https://form.jotform.com/61022317174950 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.