How to make form textboxes appear with round edges?

  • BBC2016
    Asked on March 17, 2016 at 10:07 PM

    how do I make the exp month and year boxes into rounded edge boxes like all the rest of them on the form? also the sec code box is not lined up under the last name box correctly, its a off - how do i fix that> can you help me please??? great product - incredible customer service!!!!!!!!

  • BBC2016
    Replied on March 17, 2016 at 10:09 PM

    like this i mean: How to make form textboxes appear with round edges? Image 1 Screenshot 20

  • Chriistian Jotform Support
    Replied on March 17, 2016 at 11:23 PM

    You can inject this css code to make the Expiration Month and Year into rounded edge boxes.

    #input_13_cc_exp_month, #input_13_cc_exp_year {

        padding: 3px;

        height: 30px;

        border-radius: 6px;

        margin-left: 0;

        border: 1px solid #ccc;

        font-size: 1em;

        line-height: 1.071em;

        -moz-box-shadow: 0 1px 2px #eee inset;

        -webkit-box-shadow: 0 1px 2px #eee inset;

        box-shadow: 0 1px 2px #eee inset;

    }

    #input_13_cc_exp_month{

         width: 200px!important;

    }

    How to Inject Custom CSS Codes

    How to make form textboxes appear with round edges? Image 1 Screenshot 20

    If you need further assistance, do let us know.
    Regards.

  • BBC2016
    Replied on March 18, 2016 at 2:08 AM

    incredible - THANK YOU!

  • Mike_G JotForm Support
    Replied on March 18, 2016 at 3:00 AM

    On behalf of my colleague, Chriistian, you're most welcome. Please feel free to get back to us if you have any other questions or concerns. Thank you.

  • BBC2016
    Replied on April 12, 2016 at 12:00 AM

    can u help me make the drop down into rounded edge boxes like the others please??????

  • Chriistian Jotform Support
    Replied on April 12, 2016 at 1:52 AM

    I checked your form here (http://buildingbridgescoalition.org/moreinforsvp/) and the dropdown fields seems to already have rounded edges.

    How to make form textboxes appear with round edges? Image 1 Screenshot 20

    Are you referring to a different form? If so, please give us the URL of the form so we can investigate it further.

    I will wait for your reply.
    Regards.

  • BBC2016
    Replied on April 12, 2016 at 2:29 AM

    SORRY - this one: https://form.jotform.com/61018466344151

     

    the 2nd option  has a dropdown  menu - can u make the font and the size of the box, width and rounded corners so they all match the other price boxes nad look uniform.

     

    Ive been struggling trying to move the $ sign a space or two over so its not so close - do  u know how to do that?????

  • Chriistian Jotform Support
    Replied on April 12, 2016 at 3:57 AM

    Here is the css that I injected to make the edges of the dropdown field more rounded.

    #input_13_custom_1019_0 {

        padding: 3px;

        height: 30px;

        border-radius: 6px;

        margin-left: 0;

        border: 1px solid #ccc;

        font-size: 1em;

        line-height: 1.071em;

        -moz-box-shadow: 0 1px 2px #eee inset;

        -webkit-box-shadow: 0 1px 2px #eee inset;

        box-shadow: 0 1px 2px #eee inset;

    }

    How to make form textboxes appear with round edges? Image 1 Screenshot 20

    If you need further assistance, do let us know.
    Cheers.

  • BBC2016
    Replied on April 13, 2016 at 12:48 AM

    maybe you could help me> in the form https://form.jotform.com/61018466344151 the 2nd product/option is a drop down - how can i take this product and replace it with the 2nd product on this form? formID=61026284421144 ????? The first form 2nd option is a dropdown and the other form is not. I want it to be. Can u do it for me???? PLEASE?
  • Chriistian Jotform Support
    Replied on April 13, 2016 at 2:43 AM

    To avoid confusion, I would suggest opening up a new thread for your latest concern. For your convenience, I went ahead and moved your question to a new thread. Please follow this link to view that thread: https://www.jotform.com/answers/817093.
    Regards.