Sticky footer in Modena template

[UlrichC]

Hi all,

I want to know, if it is possible to habe a sticky footer in Modena-Layout (and even Titan, which I bought, too). I tried the suggestion from BalusC (http://stackoverflow.com/questions/2258 ... t-to-false) with min-height and margin minus footer-height, but thi does not work.

Does anybody has some working solution for that?

Many thanks in advance,
Ulrich

[daytona]

Hi,

Thanks for your interest for our premium layouts.

Of course it's possible for all premium layouts with some css code.

Firstly add this HTML code to your DOM before </body> closing tag;
<div id="layout-footer">
Footer Content
</div>

And add this CSS code to any css file and add more css code for beautify footer;
#layout-footer{position:fixed; bottom:0; width:100%; background-color:#ddd;}

[UlrichC]

Thank you very much for your response. Your suggestion does not fit with the (Modena)-Layout/Theme, the width goes right above the end of the browser-window, there should be visibile "1.0-SNAPSHOT", but you can only see "1"), if I reduce to 94.1%, it looks better, but regardless, the elements at the bottom of the main-page are hidden by the sticky footer, because you cannot scroll far enough to the bottom.

I try to make a sceenshot available here.

What else could I do to fit with the existing theme/layout?

Thanks you very much in advance,
Ulrich

[mert.sincan]

Thank you, Daytona +1

Hi, UlrichC
Please try with;

Code: Select all

//CSS
#layout-footer{position:fixed; bottom:0; width:94%; background-color:#ddd; z-index: 99999999999;}
#layout-portlets-cover{margin-bottom: 25px;} /* you can change this value according to the height of your layout footer */

//a sample footer in Xhtml
<div id="layout-footer">
    <div class="Container100">
        <div class="ContainerIndent TexAlCenter Fs14 BoldGray">
            PrimeFaces Modena Theme And Layout  |  All Rights Reserved.
        </div>
    </div>
</div>

[UlrichC]

Amazing, that worked perfectly!!!
THANK YOU aragorn!!!

And thanks to daytona, your solution got me an interesting effect, which I thought I can use elsewhere.

[mert.sincan]

Glad to hear, thanks a lot for your update!!