Footer won't stay on the bottom?

resolved (8 posts) (3 voices)

  1. Christie
    Member

    Hi,

    Sometime I have a small amount of content on one page, and I noticed that the blue colour appear right beneath the footer. I do not want to have this on the page... I want to keep the black footer on the bottom. It won't be matter if I change the blue colour to black because it will make it look like it have too much black space on the footer... Can you please help me out?

    Here is the link:
    http://www.hamblets.com/2013/windows/

    Thanks!

    Attachments

    1. Sample.jpg (73.1 KB, 1 downloads) 4 years old
    Posted 4 years ago #
  2. Elliott
    Support

    Hello Christie,

    Edit your page and add this to the custom CSS field,

    #main { min-height: 700px !important; }

    Posted 4 years ago #
  3. Christie
    Member

    This code just only make the content a bit longer where you can push the footer down. I still would prefer to have the footer that *stick* to the bottom without controlling the height (eg: stretch the browser window and the footer stay on the bottom). Is it still possible...?

    Posted 4 years ago #
  4. Elliott
    Support

    Try this,

    #sub_footer { position: fixed !important; left: 0px !important; bottom: 0px !important; }

    Posted 4 years ago #
  5. Christie
    Member

    This doesn't work for me.

    Here is an example link that I would like to have a 'sticky footer': http://ryanfait.com/sticky-footer/

    Posted 4 years ago #
  6. Elliott
    Support

    The ways I know of are increasing the page content, making your background black, and setting the footer to a fixed position. If your trying to do something else then it would probably be best to hire a freelancer out to help you with customizing your site.

    Posted 4 years ago #
  7. Christie
    Member

    Okay, I guess I will just increase the page content. Thanks for your help tho!

    Posted 4 years ago #
  8. LadyHarley
    Member

    thanks so much it worked

    Posted 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme