-
janicehalesAsked on November 3, 2014 at 8:14 PM
My form " win a car" has a coloured background
I would like to get rid of the white border around the form that is displayed when its injected onto the webstie is this possible
Thank you
Janice
Page URL: http://janicehales9.wix.com/car-comp -
Ashwin JotForm SupportReplied on November 3, 2014 at 11:55 PM
Hello Janice,
Please inject the following custom css code in your form and see if that solves your problem:
@media screen and (max-width: 768px) and (min-width: 480px)
.jotform-form {
padding: 0px 0 !important;
}
It seems you have the above custom css code in your form with padding as 30px and reducing it to 0px seems to solve this problem.
Do get back to us if the issue persists.
Thank you!
-
janicehalesReplied on November 4, 2014 at 12:41 AM
Thank you for your response, I have added the code and it seems to have made no difference
Any other ideas
Janice
-
Ashwin JotForm SupportReplied on November 4, 2014 at 2:39 AM
Hello Janice,
Please accept my apology.
I have injected the following custom css code in your form and that seems to have resolved the issue:
.form-all{
margin-top: -30px !important;
margin-bottom: -32px;
height: 448px !important;
}
Please check the screenshot of your web page:
Do check and get back to us if you need any other changes.
Thank you!
-
janicehalesReplied on November 4, 2014 at 2:55 AM
Hi Ashwin you are a star :)
It looks great thank you so much, If I want to do it with any other forms do I use the same formula or will it vary from form to form.
Janice
-
janicehalesReplied on November 4, 2014 at 3:17 AM
Hi Ashwin
I have added a box around the form and now I seem to have a white line. can you advise
me hoe to get rid of it
Janice
-
Ashwin JotForm SupportReplied on November 4, 2014 at 6:36 AM
Hello Janice,
I updated the injected custom css code in your form to solve this issue:
.form-all {margin-top: -32px !important;margin-bottom: -32px !important;}body, html {background-color: #69D2E7 !important;}The output is as displayed in the screenshot below:
Thank you!
-
janicehalesReplied on November 4, 2014 at 3:15 PM
Hi Ashwin,
Can you look at the form again as I can still see the line .... strange
Janice
-
raulReplied on November 4, 2014 at 4:51 PM
Hi,
I've injected the following CSS code to your form
.supernova {
background-color: transparent !important;
}.form-all {
border: 0 !important;
}And now the form looks like this:
Please let us know if it looks like this on your side too.
Thanks. -
janicehalesReplied on November 4, 2014 at 5:44 PM
Thank you so much JotForm Support
Your support is excellent
Janice
-
raulReplied on November 4, 2014 at 6:59 PM
Thank you for your kind words.
On behalf of my colleague and myself, you're welcome :)Please let us know if we can be of further assistance.
Best Regards.