Forms embedded on my website that look slightly different

  • Profile Image
    jlockley07
    Asked on October 01, 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!

     

  • Profile Image
    John_Benson
    Answered on October 01, 2016 at 07: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.

     

  • Profile Image
    jlockley07
    Answered on October 03, 2016 at 07:52 AM

    Perfect! Thanks!

  • Profile Image
    John_Benson
    Answered on October 03, 2016 at 09:27 AM

    Happy to help!

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