-
dpalaAsked on September 10, 2015 at 1:45 AM
I tried using:
.form-line {
margin-top: 0 !important;
padding-top: 0 !important;
}and:
.form-all {
padding-top: 0;
}But I still have huge space on top of my form, Im embedding it, so it looks awful in my website.
The form is:
http://form.jotformz.com/form/52520770800649
thanks
-
beril JotForm UI DeveloperReplied on September 10, 2015 at 2:28 AM
Hi,
Could you try injecting the following CSS code to your JotForm with the margin reduced further to -40px to see if that helps?
.form-all {
padding-top: 0;
margin-top: -40px;
}Here is how to do that:
1) Click on Setup & Embed.
2) Click on Preferences.
3) Click on Form Styles.
4) Copy and paste the code above to Inject Custom CSS.You can also use the following CSS code, as it’s pretty short and concise. This also removes the top spacing of the form.
.jotform-form {padding:0}
If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you. -
ryanagrimsonReplied on October 27, 2015 at 1:58 AM
I found the CSS class that the box at the bottom of my form is, using the CSS design panel by JotForm (<-love that feature)
Add this little bit of CSS to change the height of that extra space.
.form-input-wide {
max-height: 10px;
}
-
beril JotForm UI DeveloperReplied on October 27, 2015 at 8:38 AM
Hi,
We are very glad to hear that the issue has been resolved for you.
If you have any question or issues, please do not hesitate contacting us. We will glad to assist you.