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

  • lumiarts
    Asked on June 2, 2017 at 6:44 AM

    How to remove the line above the send button

    How to remove the line above the send button and the scroll bar Image 1 Screenshot 30

     

     

     

    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.



    How to remove the line above the send button and the scroll bar Image 2 Screenshot 41


  • liyam
    Replied on June 2, 2017 at 8: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.

  • lumiarts
    Replied on June 3, 2017 at 7: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?

     

     

    How to remove the line above the send button and the scroll bar Image 1 Screenshot 20

  • Helen
    Replied on June 3, 2017 at 8: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.