embedded form on wordpress.com site not displaying correctly

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 

}

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.

Hi have embedded the foirm fine but the full height of the form is not displaying, the form is cut off at bottom

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.

wordpress.com does not allow iframe code

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.

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

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.

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.