Embedded Form not positioning properly on the page

  • Profile Image
    Dannilee
    Asked on February 20, 2016 at 10:47 AM

    Hi

    I have cloned a form I am trying to incorporate into a page for someone.

    https://form.jotformeu.com/60345253640348

  • Profile Image
    BDAVID
    Answered on February 20, 2016 at 09:50 PM

    The webpage you shared is not available:

  • Profile Image
    didibahini
    Answered on February 21, 2016 at 06:05 AM

    Hi

    Sorry, I had to take it down. For now can you help me with the input widths please. I cloned a new form:

  • Profile Image
    BDAVID
    Answered on February 21, 2016 at 11:01 AM

    The form shows up differently in the browses, since it has many CSS that conflict between each other. So What I did is to remove all the CSS from Preferences>>FormStyles>>Inject Custom CSS, and then adjust some of the fields height and width with the form designer.

    Finally, I injected some custom CSS to make the form look the same as yours: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-required{

        display: none !important;

    }

    .form-textbox, .form-textarea{

    border: 1px solid #cccccc !important;

    }

    .form-line-error{

        background-color: transparent !important;

    }

    .form-button-error {

        color: white !important;

        font-size: 11px !important;

    }

    .form-error-message {

        display: none;

    }

    Here is my cloned version of your form, you can test it: https://form.jotform.com/60514129757963 

    You may clone it if you want to, and use it instead: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Hope this helps.

  • Profile Image
    Dannilee
    Answered on February 21, 2016 at 07:57 PM

    Hi

    It's still not looking right for me in IE?

    http://www.lm-lakeland-design.co.uk/DIDI/contact_us.html

    PS I edited the 2 posts above because I was logged in under the wrong account.

    Thanks

    D

  • Profile Image
    jonathan
    Answered on February 22, 2016 at 01:25 AM

    I checked the embedded form in your website using IE11. And it look fine at this time.

     

    Can you please tell us how it not looking right on your side.

    You can take a screenshot and share it to us.