How can I get rid of the excess space at the top of my page?

  • joshuabudde
    Asked on November 18, 2014 at 12:39 PM

    I have a sidebar/sidemenu on my page. I want my form to line up even with the sidebar and it currently goes to the bottom of the page.

  • DarkFx
    Replied on November 18, 2014 at 1:24 PM

    Hi joshuabudde,

    Here's the guide to get rid of the space of the top of your form.

    First find and replace this CSS

    #container {
    width : 740px;
    margin-left : auto;
    margin-right : auto;
    padding : 0;
    border : 5px solid #1912E8;
    background : #e9eee4;
    color : #333;
    }

    to this new one

    #container {
    width : 740px;
    margin-left : auto;
    margin-right : auto;
    overflow:hidden;
    padding : 0;
    border : 5px solid #1912E8;
    background : #e9eee4;
    color : #333;
    }

    add this also to your style.css

    .form-all {float:right;}

    or replace this CSS into your Form Styles

    .form-all {
        background: url("http://jotform.us/images/noises/noise.png") repeat scroll 0 0 rgb(207, 204, 200);
        color: #e8831c !important;
        font-family: "Courier";
        font-size: 13px;
        margin-top: -60px;
        padding-top: 0;
        width: 100%;
    }
     
    to this
     
    .form-all {
        background: url("http://jotform.us/images/noises/noise.png") repeat scroll 0 0 rgb(207, 204, 200);
        color: #e8831c !important;
        font-family: "Courier";
        font-size: 13px;
        margin-top: 0px;
        padding-top: 0;
        width: 100%;
        float:right;
    }
     
    To edit your Form Styles, please follow this guide. How to Inject Custom CSS Codes

    Hope this helps.

    Thanks.

     

  • Kiran Support Team Lead
    Replied on November 18, 2014 at 3:06 PM

    @joshuabudde,

    It seems that the JotForm is aligned properly with the sidebar on your webpage now. If you need further assistance, please let us know. We will be happy to help.