Form Rounded Corners not showing

  • Profile Image
    redpalm
    Asked on September 09, 2015 at 09:33 AM

    Having trouble getting the rounded corners on the form to take effect.

    Added css to .formall and .supernova:

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

    Also tried variations with:

    -moz-border-radius: 15px;

    border-radius: 15px;

    Also tried using the new "Designer" to program the form.  Of course as usual, all that did was mess up the rest of my CSS.

    Nothing is holding.  Please advise.

  • Profile Image
    david
    Answered on September 09, 2015 at 01:34 PM

    Hi,

    Your code looks to be correct, however, there may be other CSS added by a theme that is overriding it.  Try this code instead:

    form-all {

    border-radius: 15px 15px 15px 15px !important;

    }

    That should allow for the corners to show as rounded.

  • Profile Image
    redpalm
    Answered on September 09, 2015 at 04:56 PM

    Hi David!

    I tried that, it didn't work.  I scrubbed my CSS, but something seems to be off.  This should be a simple trick.

    Any other suggestions?

  • Profile Image
    david
    Answered on September 09, 2015 at 06:24 PM

    I did a bit more digging and it looks like the entire background of your form is set to teal.  When I changed the background in the designer to transparent and the form frame background to the teal color, I was able to get the rounded corners to show.

    This was in addition to the code in my first post.

    Since the background was filling the area with teal, rounded corners of the form frame were not shown.  Instead the full frame was filled with color.

    You can clone my test form to see the changes or to test prior to making the changes in yours:

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    http://form.jotformpro.com/form/52515285256962

    If those changes or my clone of your form still do not show properly in your page, let us know and we will take another look.

  • Profile Image
    redpalm
    Answered on September 09, 2015 at 06:55 PM

    You are a genius!  That worked beautifully!  I did have to fix up my CSS to match, because of how the Designer funks it all up, but it worked!

     

  • Profile Image
    Charlie
    Answered on September 10, 2015 at 02:50 AM

    In behalf of my colleague, david, you are most welcome.

    And thank you for the kind words, if you needed any assistance again, please feel free to contact us here in the forum, we'll be more than happy to help.

    Cheers!