Have a customize style of price box field on the form

  • BBC2016
    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!!!!!!!!!!!!

  • jonathan
    Replied on April 12, 2016 at 3:10 AM

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

    Thanks.

  • jonathan
    Replied on April 12, 2016 at 3:39 AM

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

    It look like this

    Have a customize style of price box field on the form Image 1 Screenshot 20

    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.

    Thanks.

     

  • BBC2016
    Replied on April 12, 2016 at 4: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>

  • BJoanna
    Replied on April 12, 2016 at 6:06 AM

    First you need to shrink your Phone Number field.

    Have a customize style of price box field on the form Image 1 Screenshot 30

    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. 

    Have a customize style of price box field on the form Image 2 Screenshot 41

    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.