Return to Support

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

Home Forums Graphene WordPress theme Support How can I reduce the gap at the bottom of my website?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9659
    Fruition
    Member

    Hi,

    My website http://www.fruitionsystems.co.uk/ has a large space between the bottom footer area and the main body & sidebar areas. How can I reduce that space?

    Thanks,

    Rich

    #44138
    Anonymous
    Member

    Do you mean the white bar?

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

    Result: http://i.imgur.com/ILag8Qj.png

    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.

    #44139
    Fruition
    Member

    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.

    Cheers,

    Rich

    #44140
    Anonymous
    Member

    http://i.imgur.com/omtAwkd.png

    #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.