Would like to place the entire form (centered) in a container with rounded corners

3. would like to place the entire form (centered) in a container with rounded corners -- can you help with this too?

Hi,

Do you mean, like this:

If yes, simply inject the following custom CSS codes to your form:

.form-all {

border: 1px solid #ccc;

border-radius: 10px;

box-shadow: 0px 3px 3px 3px;

}

The same guide for  injecting these codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

Thank you!

Hi Welvin,
Thanks for the response. That looks like what I'm trying to do... I tried
injecting the
CSS into the form with no luck. I already have some other custom CSS in
there...
Any tips or advice on making this work for my jotform? Thanks for your help
in advance.
...

Hi,

I have cloned your jotform and I see that the reason why it did not work for you is because there was no . (dot) in front of the class name when you have copied it over from my colleague Welvin above.

Please copy this code including the dot as well. I have also added the code that slightly moves it from the top of the page so that the frame is nicely shown

.form-all
{
   margin-top: 5px;
   border: 1px solid #ccc;
   border-radius: 10px;
   box-shadow: 0px 3px 3px 3px;
}

If you can not make it work, I suggest cloning this jotform ( http://form.jotformpro.com/form/42684587031964 ) to your account instead. See here how to Clone an Existing Form from a URL.

Best Regards,
Ben