What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Form Rounded Corners not showing

    Asked by redpalm 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.

    Page URL:
    http://empowerusrq.com/index.html

    style size font all
  • Profile Image
    JotForm Support

    Answered by david 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

    Answered by redpalm 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
    JotForm Support

    Answered by david 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

    Answered by redpalm 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
    JotForm Support

    Answered by Charlie 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!