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

  • schraderweb
    Asked on February 7, 2020 at 1: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!

  • Ivaylo JotForm Support
    Replied on February 7, 2020 at 2: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 Screenshot 10

    Please give it a try and test with different values.

    Let us know if you need any further assistance.

  • schraderweb
    Replied on February 7, 2020 at 2: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 Screenshot 10

  • schraderweb
    Replied on February 7, 2020 at 2: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 Screenshot 10

  • Ivaylo JotForm Support
    Replied on February 7, 2020 at 3: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.

  • schraderweb
    Replied on February 7, 2020 at 3: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!

  • schraderweb
    Replied on February 7, 2020 at 4: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?

     

  • schraderweb
    Replied on February 7, 2020 at 4:26 PM

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


    Thanks for your help!