2. PHPRunner General questions
  3. [SOLVED]  Sticky Footer
This topic is locked
[SOLVED]

 Sticky Footer

 		1/15/2018 11:09:02
PHPRunner General questions
B
 Bill author

Hi, I want to make a footer at the bottom of the page by taking an example from the code on this page:

https://css-tricks.com/couple-takes-sticky-footer/

is it possible to insert the parts of html/css and where?

(I am using phprunner 9.8 build 29929)
Thank you
emendoza 1/15/2018

Of course it is possible,

for html



for css

https://xlinesoft.com/phprunner/docs/customizing_layout_and_theme.htm
external files

https://xlinesoft.com/phprunner/docs/how_to_add_external_files.htm
B
 		Bill author 1/16/2018

Thank you very much, I solved this way:

I added this css in Style/Custom CSS



html {

height: 100%;

}

body {

min-height: 100%;

display: flex;

flex-direction: column;

}

.site-content {

flex: 1;

}


and I added this line in the html code immediately after the <BODY ...>

<DIV class="site-content">


and these others immediately before the </BODY> disabling the original {$footer}



</div>

<FOOTER class="footer">

{$footer}

</footer>


HTML modified:



...

<BODY class="{$stylename} function-login" {$bodyattrs}>

<DIV class="site-content">

{BEGIN body}

...

<DIV class="bs-bottom">

</DIV>

<!--{$footer}-->

{END body}

</div>

<FOOTER class="footer">

{$footer}

</footer>

</BODY>

</HTML>


I made the HTML tags on every page, I do not know if it's possible to do it globally.