How do I make the corners of the boxes rounded?

  • Profile Image
    mattkatawicz
    Asked on August 13, 2013 at 02:47 AM

    The upper corners on HTML boxes and headings are square rather than rounded when everything else is rounded. I know this is a small issue but it really bothers me; I think it takes away from the professionalism. 

    Can you help me with this issue? I've looked everywhere...

    Thanks,

    Matt Katawicz

    http://form.jotform.us/form/32196369491161

  • Profile Image
    guilledutra
    Answered on August 13, 2013 at 09:14 AM

    Hi,

    This is possible by injecting Custom CSS code to your form:

    Open your form web builder

    1 - Click on "Setup & Embed" tab

    2 - Click on "Preferences"

    3 - Select "Form Styles" tab.

    4 - Insert this custom CSS code:

    .form-input-wide {
    -moz-border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    }

    Hope it helps

    Please let us know if you need further assistance

  • Profile Image
    mattkatawicz
    Answered on August 14, 2013 at 04:29 AM

    Thank you very much!