Field alignments

  • Profile Image
    ronprosky
    Asked on July 07, 2017 at 12:50 AM

    1) equal spacing between fields

    2) align submit with fields

    3) remove shadow box in background

  • Profile Image
    Chriistian
    Answered on July 07, 2017 at 02: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.

     

     

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

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

     

  • Profile Image
    ronprosky
    Answered on July 07, 2017 at 03:18 PM

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

  • Profile Image
    Jan
    Answered on July 07, 2017 at 04: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:

    Hope that helps. Thank you.

  • Profile Image
    laine
    Answered on July 11, 2017 at 04:00 PM

    it's not responsive. how do i get it to work on mobile?
  • Profile Image
    Jan
    Answered on July 11, 2017 at 05: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.