How to remove shadow border on form?

  • Profile Image
    agualandri
    Asked on August 12, 2019 at 03:12 PM

    Is there a way to remove the default shadow border showing around our form referenced below?

  • Profile Image
    jherwin
    Answered on August 12, 2019 at 03:24 PM

    Please try the custom CSS code below.

    .supernova .form-all, .form-all {|
    border: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    }

    Guide: How-to-Inject-Custom-CSS-Codes

    Please check the clone version of your form here for the result: https://form.jotform.com/92236005202947

    Please give it a try and let us know how it goes.

  • Profile Image
    agualandri
    Answered on August 12, 2019 at 03:31 PM

    That worked great, thanks! Is there also a way to get the embedded form not to indent the form fields so much on the page? Our page is already indented on account of our left navigation menu. I see that the Jotform banner at the bottom is less indented than the form fields themselves.

  • Profile Image
    Mike_G
    Answered on August 12, 2019 at 03:49 PM

    To my understanding, you would like to decrease the padding on the left of the form.

    To do that, you can inject the custom CSS codes to your form.

    .form-header-group {

        margin: 12px 18px !important;

    }

    .form-line {

        padding: 12px 18px !important;

    }

    You can update the value highlighted in yellow on the CSS codes above to your preference.

    1565639367zt15_48_04.png

    Feel free to contact us again anytime if you have other questions or concerns.

     
  • Profile Image
    agualandri
    Answered on August 16, 2019 at 10:46 AM

    Is there a way to get the next page fields to display the reduced left margins like in the above? Also, is there a way to get the next and back buttons to be left justified and right justified so they're not right next to each other?

  • Profile Image
    Richie_P
    Answered on August 16, 2019 at 11:57 AM

    To clarify, are you still referring to this form https://www.jotform.com/82337053584156?

    I can't seem to find a next button.

    Can you please share the form in question so that we can check it out?

    Looking forward for your response.

  • Profile Image
    agualandri
    Answered on August 16, 2019 at 02:01 PM

    Ah sorry, no I'm referring to this form: 

    https://form.jotform.com/92235612785158
  • Profile Image
    Richie_P
    Answered on August 16, 2019 at 03:02 PM

    I have moved your inquiry to another thread to assist you better.

    Kindly follow this link:https://www.jotform.com/answers/1929662