Field alignments

  • ronprosky
    Asked on July 7, 2017 at 12:50 AM

    1) equal spacing between fields

    2) align submit with fields

    3) remove shadow box in background

  • Chriistian Jotform Support
    Replied on July 7, 2017 at 2:31 AM

    Thank you for contacting us.

    Please find my answer to your questions below:

     

    1) equal spacing between fields.

    input#input_5 {

        left: 10px;

        position: relative;

    }

     

    input#input_3 {

        position: relative;

        left: 10px;

    }

     

    2) Align submit with fields.

     

    button#input_2 {

        margin-top: 0px;

    }

     

    3) Remove shadow box in the background.

    Regarding #3 question I can't able to see the shadow box in the background. If you mean you want to remove the highlight background effect on the inputs, you can disable it on the Form settings.

    Field alignments Image 1 Screenshot 30

     

     

    Here's should be the result after injecting the CSS I have provided:

    Field alignments Image 2 Screenshot 41

    Please let us know if you need further assistance.
    Regards.

     

  • ronprosky
    Replied on July 7, 2017 at 3:18 PM

    that worked great thanks.  check out the blue box shadow now!

  • Jan
    Replied on July 7, 2017 at 4:59 PM

    I believe you are referring to the box shadow wrapping around the form. If yes, then please insert the CSS code below to remove the box shadow:

    .supernova .form-all {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    }

    .supernova .form-all, .form-all {
    border: none;
    }

    Here's a guide How-to-Inject-Custom-CSS-Codes. Here's the result:

    Field alignments Image 1 Screenshot 20

    Hope that helps. Thank you.

  • laine
    Replied on July 11, 2017 at 4:00 PM

    it's not responsive. how do i get it to work on mobile?
  • Jan
    Replied on July 11, 2017 at 5:27 PM

    I created a new thread since you are already referring to a different issue. Please wait for my reply on this thread: https://www.jotform.com/answers/1196817.

    Thank you.