How to make form textboxes appear with round edges?

  • Profile Image
    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!!!!!!!!

  • Profile Image
    BBC2016
    Answered on March 17, 2016 at 10:09 PM

    like this i mean:

  • Profile Image
    Chriistian
    Answered 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

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

  • Profile Image
    BBC2016
    Answered on March 18, 2016 at 02:08 AM

    incredible - THANK YOU!

  • Profile Image
    Mike_G
    Answered on March 18, 2016 at 03: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.

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

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

  • Profile Image
    Chriistian
    Answered on April 12, 2016 at 01:52 AM

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

    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.

  • Profile Image
    BBC2016
    Answered on April 12, 2016 at 02: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?????

  • Profile Image
    Chriistian
    Answered on April 12, 2016 at 03: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;

    }

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

  • Profile Image
    BBC2016
    Answered 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?
  • Profile Image
    Chriistian
    Answered on April 13, 2016 at 02: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.