How to remove scroll from the Form?

  • Profile Image
    closetocustomlinens
    Asked on March 31, 2014 at 09:27 AM

    Hello,

    I have a form on this site -  http://www.closetocustomlinens.com/

    When you click  -  Click Here  Request a free swatch  

    Everything works fine,  

    BUT -

     

    The customer has to scroll the form up and down to complete the form

    Is there a way for the form to load or for them to fill out without the sidebar scroll.

    This also happens on the thank you page,  then the customer can not see the thank you message.

    Please Help,

    Scott Mosteller

  • Profile Image
    ashwin_d
    Answered on March 31, 2014 at 11:05 AM

    Hello Scott,

    Yes it is possible to achieve your requirement. The form is being opened by using your own stylesheet. The URL to your stylesheet is in this location: http://a2ro9i0iyl77kd-a1yfifm6o2wum2-w-en-us.webstore-images.com/media/page_overrides.css 

    There are two options to resolve your issue. Either open the above css file and change the height property of  ".white_content_inner" to "690 px;"

    Other alternative is to add the below mentioned code in your web page. You can add just before you have your form embed code or below the link to the css files you have in your form:

    <style>

    .white_content_inner {

    background: #FFFFFF;

    border: medium none;

    height: 690px;

    margin: 0 auto;

    overflow: scroll;

    padding: 16px;

    width: 500px;

    }

    </style>

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!