One form has a border and the other has not

  • baycupadmin
    Asked on September 18, 2018 at 8:08 PM

    I have 2 forms embedded on my site, and I can't figure out why one has border, and one does not.

    http://thebaycup.net/become-a-member/

    I've checked the design dashboard, but can't find any differing settings between the 2 forms.

  • Jan
    Replied on September 18, 2018 at 9:17 PM

    I believe these are the forms you are referring to:

    2018-20119 Member Formhttps://www.jotform.us/form/82114560333144
    Donate Formhttps://www.jotform.us/form/63537684572164

    Please try inject this custom CSS code in the "Donate Form":

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
    .form-all {
    width: 100% !important;
    }

    .form-all {
    -webkit-border-radius:0;
    -moz-border-radius: 0;
    border-radius: 0;
    }
    }

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
    .jotform-form {
    padding: 0 !important;
    }
    }

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

    153731960609 19 vphi3 Screenshot 10

    Hope that helps. Thank you.