-
craftlabphAsked on November 16, 2017 at 9:21 PM
Hello,
I integrated my form in my website. However, the date pop-up below in my form was cut and the hover message does not appear. Is there any way to fix it?
Thanks!
-
Nik_CReplied on November 17, 2017 at 1:26 AM
I tested your form, but I wasn't able to replicate any issue with it:
I tested on phone as well, and the form is not cut off.
Are you still able to replicate this issue?
Thank you!
-
craftlabphReplied on November 17, 2017 at 3:26 AM
Hello Nik_C,
I'm using my mobile phone right now. Here's a screenshot of my form straight from my website.
https://www.craftlabph.com/pages/invitation-quotation-form
-
Support_Management Jotform SupportReplied on November 17, 2017 at 4:20 AM
If that's the only page where you're having issues with, you can add a bit of margin to the last element on that page (which is the PAGE BREAK) to adjust the height of the form.
Just inject the following CSS codes to your Form Builder:
#cid_125 {
margin-bottom: 70px;
}
Complete guide: How-to-Inject-Custom-CSS-Codes
Result:
-
craftlabphReplied on November 17, 2017 at 8:47 PM
That worked, Jim_R! Thank you!
While were at it, is there a way to adjust the margin in left and bottom side of the form? Just like the top and right side? Thanks again!
-
Support_Management Jotform SupportReplied on November 18, 2017 at 3:00 AM
Glad that helped - If this should be applied to the entire form, use the following CSS codes:
.form-all {
margin: 10px auto !important;
}
-
craftlabphReplied on November 18, 2017 at 5:58 PM
It worked! Thanks again, Jim_R!