Code (HTML, CSS, Script)

Sticky Footer

HTML, CSS only

Always stick footer to bottom of window
Category
Code (HTML, CSS, Script)
Challenge / Fix
Stick Footer to the bottom of the screen, even when the content of the page isn’t enough to push them there. But if there is enough content, they are happily pushed down.
Updates Required
HTML
Content Templates > Inner Template
Custom_Content > Footer (Standard, Minimal, Multiple)
CSS
t_tlc-styles.css
Scripts

Content
Requires Global Updates
Custom_Content
Requires Custom Updates per site
Fonts
Requires Custom Updates per site
Plug-Ins
Requires Custom Updates per site

HTML

Where to find HTML1 Code
Content Templates > Inner Template
Notes
Code works, but 'footer' is within #wrapper. Have to move 'footer' outside of '#wrapper'. Content Templates > Inner Template
HTML1
Where to find HTML2 Code
Custom_Content > Footer (Standard, Minimal, Multiple)
HTML2

CSS

Where to find CSS Code
t_tlc-styles.css
Notes
~line 6860, just after body, html {...} property
CSS

Scripts

Script1