How to round the corner of a form?

  • Profile Image
    frostynova
    Asked on October 18, 2015 at 05:47 PM

    Hi,

    I would like to know what's the best way to round the corners of the form?

    Thanks!

  • Profile Image
    frostynova
    Answered on October 18, 2015 at 05:57 PM

    I copy/pasted the code provided by Cesar on this thread, but that only rounded the corner of the form (frame) - and that's awesome. But I want the outer part (background) of the theme to also get rounded. How do I manage that?

  • Profile Image
    Chriistian
    Answered on October 18, 2015 at 09:10 PM

    Hi,

     

    Are you referring to this form - http://www.jotform.ca/form/52900557735257? You can try to add/inject this custom CSS code in your form to add a round corner on the body of the form. 

    .supernova body {

        background: white !important;

        border: 1px solid gray;

        border-radius: 15px 15px 15px 15px;

        margin-top: 20px;

        padding-bottom: 10px;

    }

     

    Here is a sample cloned form that I used for testing - https://form.jotformpro.com/52908010915956?.

     

    Do let us know if you need further assistance.
    Regards.

     

  • Profile Image
    frostynova
    Answered on October 19, 2015 at 10:44 AM

    Thanks Chriistian, but there seems to be a problem. Starting a different thread.

  • Profile Image
    victor
    Answered on October 19, 2015 at 11:49 AM

    Hi,

    On behalf of my colleague, you are very welcome. We will answer your other post shortly.

    Regards