I can't scroll down the form once it's embedded in our website (Wordpress), unless I move the cursor off the form itself or use the arrows on the key.

  • Profile Image
    Mike_G
    Answered on December 13, 2016 at 03:18 AM

    I loaded your website and was able to see what you mean. However, I when I checked your form in stand-alone (not embedded) everything works just fine.

    It.'s possible that there are conflicts between your website's scripts and the scripts in your form.

    I have checked the website's page source and I see that the form is embedded using the form's embed script.

    I suggest you use the form's iframe embed code and see if that solves your issue.

    https://www.jotform.com/help/148-Getting-the-form-iFrame-code

    Otherwise, please let us know so we can try to find another solution for you.

    Thank you.

  • Profile Image
    nickiversen
    Answered on December 14, 2016 at 02:44 AM
    Hi Mike,
    My partner has tried using the forms iframe embed code and that didnt solve the issue. He then embedded the source code and that solved the problem. However, issues have resulted from this fix. There are small formatting erros, such as small squares appearing on the form.
    Please advise.
    Regards,
    Richard.
    Richard A. Joyner
    little planet
    +6 013 747 6024
    www.ourlittleplanet.org
    ...
  • Profile Image
    emily
    Answered on December 14, 2016 at 03:35 AM

    Hi Richard,

    Thank you for contacting us. Please follow the steps below to fix your problem.

    1. Click on Design button in your form builder.

    2. Go to Inject CSS segment.

    3. Kindly inject the custom CSS codes below to the field shown in the screenshot above..

    .story ul li {

        list-style-type: none;

    }

    .pagelayout section.story h1 {
     
       line-height: inherit;
    }
     
    Please look at the user guide on injecting custom CSS codes. 
     
    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes