Getting lines on forms. How do I get rid of them?

  • kenfoster4316
    Asked on June 28, 2016 at 4:07 PM

    I build transparent background forms. I'm getting these funky lines showing up on my forms. I have tried every setting I could see in JotForm but could not get rid of the lines found on the top and bottom of the forms. What do I need to do to always get transparent background on all forms?

    Jotform Thread 871359 Screenshot
  • BJoanna
    Replied on June 28, 2016 at 4:58 PM

    Are you referring to this line? 

    Getting lines on forms Screenshot 20

    That is the border of your form. You can remove it by adding this CSS code to your form:

     

    .supernova .form-all {

        border: none !important;

        box-shadow: none !important;

     

    }

    Inside of this guide you can find how to Inject Custom CSS codes to your form:

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

    Hope this will help. Let us know if you need further assistance. 

  • kenfoster4316
    Replied on June 28, 2016 at 5:45 PM
    I have to do this on every new form that I build? Isn’t there something I can adjust in the designer mode to get rid of the lines?
    Sincerely,
    Ken Foster
    Sunny72 Web Design & Advertising, LLC
    KenFoster@Sunny72WebDesign.com
    Studio 267-274-2288
    Mobile 267-274-4141
    Visit us at: www.Sunny72WebDesign.com
    We Love What We Do…Choose With Confidence!
    ...
  • jonathan
    Replied on June 28, 2016 at 6:06 PM

    The iframe border you see around the form section is part of the form theme your form was using (Supernova). That has always been part of the form theme. So it is by design.

    Getting lines on forms Screenshot 30

    Aside from the method described by my colleague previously on how it can be removed on each form, you can also just remove the theme style of the form every time you create them.

    Use the reset theme style theme on the form.

    link: https://www.jotform.com/theme-store/theme/reset-theme-styles

    Getting lines on forms Screenshot 41

     

    Hope this help. Let us know if there is more we can assist you with.