-
perrymankuAsked on February 24, 2021 at 4:19 AM
Hi, I have embedded a form here: https://www.beityrestaurant.co.uk/237-2/
However, I am unable to adjust the height. I have added the following css code
.form-label.form-label-auto {
display : inline-block;
float : left;
text-align : left;
}
.form-all {
border : none! important;
margin-top : -10px!important;
}
.supernova {
overflow : hidden;
}
body {
height : 700px
}
-
Jovanne JotForm SupportReplied on February 24, 2021 at 7:49 AM
Hi, thank you for contacting support.
Please try embedding the form to your site by following this guide
GUIDE: how-to-embed-a-form-to-wordpresscom
Please give it a try and let us know how it goes.
-
perrymankuReplied on February 24, 2021 at 8:29 AM
Hi have embedded the foirm fine but the full height of the form is not displaying, the form is cut off at bottom
-
Sam_GReplied on February 24, 2021 at 9:51 AM
Hi Perrymanku,
You can enable the scrolling option to display the cut-off elements.
Please try to use this iframe embed code instead:
<iframe
id="JotFormIFrame-210533041570947"
title="Win A £50 Lebanese Dining Experience For Two At Beity Restaurant" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true"
allowfullscreen="true"
allow="geolocation; microphone; camera" src="https://form.jotform.com/210533041570947"
frameborder="0"
style=" min-width: 100%;
height:539px;
border:none;"
scrolling="yes"
>
</iframe>
I hope this will help. Please give it a try and let us know how it goes.
-
perrymankuReplied on February 24, 2021 at 10:02 AM
wordpress.com does not allow iframe code
-
Sam_GReplied on February 24, 2021 at 11:06 AM
Hi Perrymanku,
Please follow this guide to copy-paste the iFrame code to your WordPress website:
https://www.hostpapa.in/knowledgebase/add-html-content-wordpress-pagepost/
Let us know how it goes.
-
perrymankuReplied on February 24, 2021 at 11:13 AM
Hi,
I am using wordpress.com. I have used the following to show the form
[embed]https://form.jotform.com/form/210533041570947[/embed]
but when you go to the page the complete form is not shown
https://www.beityrestaurant.co.uk/237-2/
Wordpress.com does not allow you to use iframe or javascript code. I just need to extend the height
-
Jovanne JotForm SupportReplied on February 24, 2021 at 4:22 PM
Hi,
Please allow me some time to conduct some tests.
I will get back to you as soon as I have more information.
Thank you.
-
Jovanne JotForm SupportReplied on February 24, 2021 at 4:38 PM
Hi,
Please try inserting this custom CSS code:
Guide:how-to-post-screenshots-to-our-support-forum
.supernova {
overflow: auto !important;
}
Please give it a try and let us know how it goes.