embedded form on wordpress.com site not displaying correctly

  • Profile Image
    perrymanku
    Asked on February 24, 2021 at 04: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 

    }



  • Profile Image
    Jovanne_A
    Answered on February 24, 2021 at 07:49 AM

    Hi, thank you for contacting support.

    Please try embedding the form to your site by following this guide

    GUIDEhow-to-embed-a-form-to-wordpresscom

    Please give it a try and let us know how it goes.

  • Profile Image
    perrymanku
    Answered on February 24, 2021 at 08: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


  • Profile Image
    Sam_G
    Answered on February 24, 2021 at 09: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" onload="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.


  • Profile Image
    perrymanku
    Answered on February 24, 2021 at 10:02 AM

    wordpress.com does not allow iframe code

  • Profile Image
    Sam_G
    Answered 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.


  • Profile Image
    perrymanku
    Answered 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


  • Profile Image
    Jovanne_A
    Answered on February 24, 2021 at 04: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.

  • Profile Image
    Jovanne_A
    Answered on February 24, 2021 at 04: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.