I want to change the height and layout of the form

  • Profile Image
    DottyScott
    Asked on February 23, 2021 at 05:56 PM

    I have a form on my homepage here: https://askdotty.com/

    I want it horizontal (which it is) and much smaller. I would like the * sentence gone (people know what it means) and the height of the form to be just tall enough to hold the form fields. I also do not want spacing between the title in that section and the form. How can this be done?

    I am attaching a screen shot to shoe it closer to what I want.

  • Profile Image
    Welvin
    Answered on February 24, 2021 at 12:19 AM

    That's part of the Form Accessibility feature. If you really want to hide that, you have to inject the following custom CSS codes:

    li.a11y_requirement_desc_line {
      display: none !important;
    }

    For the top padding/margin, inject the following custom CSS codes:

    .jotform-form {
      padding: 0;
    }
    .form-all {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    .form-line {
      margin-top: 0 !important;
      padding-top: 0 !important;
      margin-bottom: 0 !important;
    }

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

    Thanks

  • Profile Image
    Welvin
    Answered on February 24, 2021 at 12:21 AM

    By the way, I cannot view the form on your website. Your website script or some plugins seems to be hiding the script, which causes the embed codes to fail at rendering the form. I would suggest embedding the form as an iframe: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.

    Thanks

  • Profile Image
    DottyScott
    Answered on February 24, 2021 at 11:46 AM

    Thanks Welvin - that helped a great deal. I have changed the code to iframe. Can you see the form now?

  • Profile Image
    FelipeSantana
    Answered on February 24, 2021 at 05:30 PM

    Helo @DottyScott,

    I have checked the website that you shared with us in your initial message and I am seeing your form displayed on the webpage. Here is a screenshot of how I see the form on my end:

    1614205732_6036d324265ae_

    Please let us know if you need further assistance with your forms.

  • Profile Image
    DottyScott
    Answered on February 24, 2021 at 07:22 PM
    Perfect! thanks for your help.
    ...