Form Rounded Corners not showing

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.

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.

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?

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.

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!

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!