How to remove vertical scroll bar at lightbox window?

  • Profile Image
    sto_metallik
    Asked on March 12, 2017 at 06:36 AM

    Hi! I've got a problem. If I click on the image called "Исправление геометрии", a lightbox window appears. That's fine. But! The lightbox has vertical scroll bar. How can I disable or remove it?

  • Profile Image
    Chriistian
    Answered on March 12, 2017 at 08:57 AM

    Hi there,

    I am not able to find a lightbox in the page you have given. But please try adding this CSS to your page.

    <style type="text/css">
    div.jt-content{
    overflow: hidden !important;
    </style>

    If the issue still persists, please give us the correct URL where your lightbox form is located.

    Regards.

  • Profile Image
    sto_metallik
    Answered on March 12, 2017 at 11:03 AM

    I don't know where I have to place this code. Tell me where?

  • Profile Image
    sto_metallik
    Answered on March 12, 2017 at 11:09 AM

    Here is a link to the page.

    Just click on page images, I attached below

    or

  • Profile Image
    sto_metallik
    Answered on March 12, 2017 at 12:47 PM

    I placed your code in <head> section of the page. But scroll bar is still there ((

  • Profile Image
    Jim_R
    Answered on March 12, 2017 at 03:43 PM

    I checked the page you mentioned and didn't see any scrollbars on your lightbox form. I can only assume you figured it out after posting your question.

    Here's how I saw it from my perspective:

    In case you need more help, don't hesitate to ask.

  • Profile Image
    sto_metallik
    Answered on March 12, 2017 at 05:58 PM

    Hmm, you're right you know ) If I use Chrome, there is no scroll bar at all. But if I try to view my page using Mozilla Firefox, the scroll bar is being visible. I'd like to hide it on any browser.

  • Profile Image
    sto_metallik
    Answered on March 12, 2017 at 06:08 PM

    I was wrong ))) I just checked lightbox with the form once again using Firefox and YES! No scroll bars! ))

  • Profile Image
    sto_metallik
    Answered on March 12, 2017 at 06:15 PM

    Here is another form issue. Form input fields have a bug or something like that at the right side of each input field. How to improve it? Here is a screenshot above:

    screenshot

  • Profile Image
    Chriistian
    Answered on March 12, 2017 at 08:51 PM

    Glad that the vertical scrollbar in the lightbox issue has now been resolved. I have moved your next issue to a separate thread. Please follow this link: https://www.jotform.com/answers/1089609

    Regards.

  • Profile Image
    sto_metallik
    Answered on March 13, 2017 at 03:56 AM

    I have already done all this steps. And the result is a problem with input fields. I think these empty areas on the fields are just white backgrounds of error messages that i hided by choosing the second type of styling. Is there any way to customize errors style using custom style?

  • Profile Image
    Chriistian
    Answered on March 13, 2017 at 05:33 AM

    Can you please try to inject this custom CSS and see if this makes difference on your form? Here's the guide on How to Inject Custom CSS Codes.

    .form-line-error:after {   

        left: 340px !important; 

    }

    Result:

    Hope this helps.
    Regards.