Can you tweak the widths of the form and fields so it lays out right

  • Profile Image
    schraderweb
    Asked on February 07, 2020 at 01:47 PM

    I copied your form and placed the code on my site seen here:  https://www.lauriesperfectclean.com/contact-us.php


    Looks like the form is too wide...can you tweak the widths of the form and fields so it lays out right?


    maybe 520px wide?


    Thanks!

  • Profile Image
    IvayloK
    Answered on February 07, 2020 at 02:03 PM

    You can adjust the width of the form from the settings. First, you should click on the "Form Designer" button, which is located at the top right corner. Then you need to go "Style" and adjust the "Form Width" field.

    1581101931chrome_EjBdrp8eHQ.png

    Please give it a try and test with different values.

    Let us know if you need any further assistance.

  • Profile Image
    schraderweb
    Answered on February 07, 2020 at 02:13 PM

    I already went thru these settings...and also the CSS width values.....pls see screenshot

     

    But on the live site it looks bad:   https://www.lauriesperfectclean.com/contact-us.php

    1581102809Screenshot_2020-02-07 The Easi

  • Profile Image
    schraderweb
    Answered on February 07, 2020 at 02:25 PM

     I went into the advanced editor and it looks great there..but NOT on my live site.  Why?

    1581103525Screenshot_2020-02-07 The Easi

  • Profile Image
    IvayloK
    Answered on February 07, 2020 at 03:49 PM

    Can you please try to use the iFrame method to embed the form?

    In order to obtain the iFrame code, please follow this guide:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Please give it a try and let us know, if this helps.

    We will wait for your response.

  • Profile Image
    schraderweb
    Answered on February 07, 2020 at 03:57 PM

    I did this...still looks the same / bad:  https://www.lauriesperfectclean.com/contact-us.php


    Can you simply provide the updated code so the form is about 510px wide overall?


    Thanks!

  • Profile Image
    schraderweb
    Answered on February 07, 2020 at 04:04 PM

     OK....I did the 'Embed / Source Code' option and it looks better:

    https://www.lauriesperfectclean.com/contact-us.php

     

    How to remove all the extra blue padding around the fields?

     

    I choose 'black text' for the dropdown text..but it does not show?

     

  • Profile Image
    schraderweb
    Answered on February 07, 2020 at 04:26 PM

    OK.I made some updates to my page CSS and the form looks OK now.


    Thanks for your help!