-
leadPops28Asked on September 26, 2014 at 5:02 AM
-
Welvin Support Team LeadReplied on September 26, 2014 at 6:17 AM
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!
-
leadPops28Replied on September 26, 2014 at 9:21 AMHi 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.
... -
BenReplied on September 26, 2014 at 10:38 AM
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