How to remove the line above the send button and the scroll bar

  • Profile Image
    lumiarts
    Asked on June 02, 2017 at 06:44 AM

    How to remove the line above the send button

     

     

     

    Even all of the form fitting, it still shows a vertical scroll bar on the right. How do I remove it with CSS code? Or maybe remove the empty space under the from. And also I want to remove the line under the send button.






  • Profile Image
    liyam
    Answered on June 02, 2017 at 08:21 AM

    For the horizontal bar on top, you can remove it by injecting this CSS code into your form:

    .form-pagebreak {
       border-top: 0 !important;
    }

    You can follow this guide to know how to inject CSS codes into your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    For your question about the scroll bars, in order for us to be able to understand this further, can you share with us on how you are able to see this scroll bar, like are you viewing the form while it being embedded on a page or such that you are using a specific browser?

    We'll look forward to your response.

    Thanks.

  • Profile Image
    lumiarts
    Answered on June 03, 2017 at 07:52 AM

    Yes, the form is embedded via iframe in my site. The vertical bar appears on all browsrs.

    The horizontal bar only disappears when I extend the iframe area to more than double the forms size.. so it's like there's empty space there somehow (image below) So what do we do?

     

     

  • Profile Image
    Helen
    Answered on June 03, 2017 at 08:20 AM

    Hello,

    Thank you for contacting us.

    Could you please provide us your website that you embedded form? After that, we will be checking this out and solve your issue.

    We will glad to solve your issue and be waiting for your response.

    Thanks.