Return to Support

Footer location

Home Forums Franz Josef Support Footer location

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10221
    dsc
    Member

    Hi!

    Thanks for great theme! I have a question: if the page has a bit content, the footer shows too high relatively bottom ( http://i.imgur.com/NOdSfdY.png ). How to place it to the bottom in that case? I tried to modify css, but I failed 🙂

    #45641
    Syahir Hakim
    Keymaster

    Try placing this CSS code into the theme’s Custom CSS option:

    .home .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    }

    #45642
    dsc
    Member
    Quote:
    Try placing this CSS code into the theme’s Custom CSS option:

    .home .footer {

    position: fixed;

    bottom: 0;

    width: 100%;

    }

    Syahir, thanks for help, but nothing changed after that code 🙂

    But after a lot of googling and experiments, I solved this problem. I will write the decision, maybe it will help somebody.

    In a nutshell, we need add wrapper between start of <body> and start of footer like this:

    ...
    <wrap>
    <body>
    </wrap>
    <footer></footer>
    </body>
    ...

    and edit css.

    Detailed:

    Open “header.php”, insert after 16 line: <div class=”wrap”>

    We got:

    ...
    </head>
    <div class="wrap">
    <body <?php body_class(); ?>>
    ...

    Open “page.php”, insert closing tag in 21 line: </div>

    We got:

    ...
    </div>
    </div><!-- closing wrap -->
    <?php get_footer(); ?>
    ...

    Finally, add to style.css (or theme’s Custom CSS option):

    html, body {
    height: 100%;
    }
    .wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -79px;
    }

    It helped me, maybe this method can be optimized.

    #45643

    You should make these changes in a child theme, however. Edits made to the theme files will be wiped out when the theme updates.

    #45644
    dsc
    Member

    Sure, I meant this by default.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.