How to remove scroll bars from embedded form

  • Profile Image
    jukigo
    Asked on February 09, 2015 at 01:51 PM

    It works but can anyone tell me how to remove scroll bars from he embedded form?



    This is a re-post of a comment on How to Embed a Form to Wordpress.com

  • Profile Image
    Mike
    Answered on February 09, 2015 at 02:30 PM

    Please provide us with a link to the web page with embedded form. Then, we will be able to check this out. Thank you.

  • Profile Image
    jukigo
    Answered on February 10, 2015 at 04:54 AM

    Thanks Mike.

    Here is the link: https://englishlessonskype.wordpress.com/test/

  • Profile Image
    Charlie
    Answered on February 10, 2015 at 09:37 AM

    Hi,

    Upon checking the link that you gave, it seems that the page is in private and we can't view it in our end.

     

    Could you change the privacy setting so that we can check it out? We'll wait for your response.

    Kind regards.

  • Profile Image
    jukigo
    Answered on February 10, 2015 at 09:59 AM

    oops, very sorry. The link should be public now.

    Thanks.

  • Profile Image
    Charlie
    Answered on February 10, 2015 at 11:21 AM

    Hi,

    Could you try injecting these custom CSS codes in your Form Designer->CSS tab:

    .form-all {

        height: 2300px !important;

    }

    #post-17 > div > div > iframe {

        height: 2300px !important;

    }

    See if that fixes the problem.

    If not, could you try embedding the form using iFrame code and set a specific height so that the scroll bar would not need to display. When copying the iFrame code, make sure that you remove the <script> code that was associated with it, I believe it's the resize script code, so removing this will let you set a specific height.

    Do let us know if this works.

    Thank you.