-
PoughkeepsieFarmProjectAsked on March 26, 2015 at 4:51 PM
Hi there,
I am trying to completely remove the form background so that the embedded form moves closer to the top of the page (the background seems to act as padding)
here's a screenshot of the page:
I'd like the form to move to the top, just below the banner, with as little space as possible between them.
I've tried this in the css injection:
body, html {
background: none !important;
}
And I have also tried to set the background color as transparent. Am I doing it wrong, or is there a different way to do this?
Cheers,
Jes -
BenReplied on March 26, 2015 at 6:19 PM
I tried to go to your page Jes poughkeepsie-farmproject.squarespace.com/csa-sign-up/ but it seems to be under a lock - not accessible to public.
Being like that I can only presume what might help, but not actually check.
As such I would like to give you following two codes to check if they work:
form.jotform-form {
margin-top: -90px;
padding-bottom: 0;
padding-top: 0;
}or if that is too much then,
form.jotform-form {
margin-top: -40px;
padding-bottom: 0;
padding-top: 0;
}You should inject the code to your jotform by following these steps: Inject Custom CSS Codes
If you have the same space shown on your jotform when viewed directly, then please do give us the link to it so that we can see the right code that would work for you.
-
PoughkeepsieFarmProjectReplied on March 26, 2015 at 8:08 PM
Thanks for the help - I do have a follow-up though...
I've removed the password lock to the page, so it should be viewable for now.
I see that the top margin is removed, thanks, but is it possible to remove all the margins? I can see that the "shadow" behind the form is removed from the top, and it looks weird to have it on the sides and bottom.
So what would be the code for removing all margins?
Thank you!
-Jes
-
jonathanReplied on March 26, 2015 at 9:56 PM
I have fixed this on your jotform http://www.jotform.us/form/50711911365147 by adding this CSS codes to the existing ones
.supernova .form-all, .form-all {
box-shadow: none !important;
}
I see the form in your website now like this
Please let us know if this is not the desired changes you need.
Thanks.
-
PoughkeepsieFarmProjectReplied on March 27, 2015 at 12:02 AM
Looks good, thanks!
-
Ashwin JotForm SupportReplied on March 27, 2015 at 4:01 AM
Hello Jes,
On behalf of my colleagues, you are welcome.
Do get back to us if you have any questions.
Thank you!