Fields do not align properly

  • Profile Image
    jabedoya60
    Asked on November 22, 2017 at 08:05 AM

    Hi guys, I have a problem with a form, the fields align okay when in Build mode, but when is preview it looks bad with a big space on the right, please look at the form, please help, thank you.

  • Profile Image
    Richie_P
    Answered on November 22, 2017 at 08:35 AM

    Hello jabedoya60,

    I cloned your form and tried to replicate your error but it seems your form fields are aligning correctly.

    May I know what fields are not aligning with your preference?

    Here is a guide on how to upload screenshots :https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum

    Best Regards.

  • Profile Image
    jabedoya60
    Answered on November 22, 2017 at 11:26 AM

    Hi, we still cannot line up the fields, look at the actual page:

    http://amcca.ca/en/my-amc/coupons/semaine-de-relache/1511367965Screen-Shot-2017-11-22-at-8.59

  • Profile Image
    Richie_P
    Answered on November 22, 2017 at 12:13 PM

    Hello,

    Thanks for giving a screenshot, to achieve the desired outcome we need to add custom css.

    Here is the code:

    li#id_33.form-line.form-line-column.form-col-3.jf-required{
      position: absolute;
      margin-left: 300px;
    }

    Here is a guide on how to put custom css:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


    Regards.