How can I reduce the gap at the bottom of my website?

  • Fruition



    My website has a large space between the bottom footer area and the main body & sidebar areas. How can I reduce that space?





    Do you mean the white bar?

    #footer {
    background: #111;
    padding-top: 10px;


    If you mean the black field, then there is lots of empty space because you have added a lot of footer menus, so it puts it below the copyright field instead of putting it next to it. You either delete 1-2 menus or sort them via dropdown menu (subcategory). You could also change the width of your theme but this will have an effect on a few other things like header image.



    Thanks for the quick reply :o)

    There are three widgets in the footer area (Office 365 Trial, more info and e-brochure). The bit I’d like to reduce is the grey area above those before you get to the main area and left sidebar.





    View post on

    #sidebar_bottom {
    margin-top: -20px;

    #content {
    padding-bottom: 0px;

    #sidebar_bottom .sidebar-wrap {
    margin-right: 10px;
    margin-left: 10px;
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.