Change width of "E-Book - The True Cost Of Translation" form.

  • Profile Image
    davidiwl
    Asked on February 08, 2017 at 06:07 PM

    Our form's maximum width (252px) is exceeding that limit on our landing page: 

    http://www.inwhatlanguage.com/content/the-true-cost-of-translation/

    I'm also seeing between the field labels that I'm getting more than 6 pixels of vertical space between them and I'd only like to see 6 max. 

    Any idea how I can fix this? 

     

    Thanks

     

  • Profile Image
    Chriistian
    Answered on February 08, 2017 at 09:25 PM

    I see that you set the width of the form to 252 but the width of the form on your website is over 300. This may be due to the form adapting to the width of the div element that encloses it (which is also over 300). You can inject the custom CSS code below to make sure that the form width stays at 252 even if the element that encloses it has a bigger width.

    .jotform-form {

        width: 252px!important;

    }

    You can also reduce the vertical space by removing the margin on the labels using the code below:

    .form-label {

        margin-bottom: 0px;

     

    }

    Here's how it should look:

    Alternatively, you can also choose to reduce the question spacing from the Styles tab of the Form Designer.
    Regards.