Forms embedded on my website that look slightly different

  • jlockley07
    Asked on October 1, 2016 at 12:12 PM

    One form has less space above the form and no dropshadow around the outer edges of the form (first link below), and the other has a lot more space above plus a dropshadow (second link below). I can't see anything different between the 2 forms that is causing the difference, but I prefer the first one (no dropshadow, less space above the form). Are you able to see what could be causing this difference?

    Link 1: www.paperslam.com/booklets2

    Link 2: www.paperslam.com/postcard-addressing

     

    Thanks for any help you can provide!

     

    Jotform Thread 948014 Screenshot
  • John_Benson
    Replied on October 1, 2016 at 7:34 PM

    In order to remove the visible border and lessen the space on the top of your form, you need to add this custom CSS code:

    .form-all { 

    box-shadow: none !important;

    .jotform-form { 

    padding: 0 0 !important;

    Keep in mind to put the custom CSS codes in the second form. Here's a guide how to inject CSS:

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

    If you need further help adding the CSS to your form, let us know. We'll be happy to assist you.

     

  • jlockley07
    Replied on October 3, 2016 at 7:52 AM

    Perfect! Thanks!

  • John_Benson
    Replied on October 3, 2016 at 9:27 AM

    Happy to help!

    Don't hesitate to create a new thread, if you need anything else. Enjoy the rest of your day.