Sticky footer

WebCms/Content/style.css

@@ -1,5 +1,13 @@
 /* Go crazy with your own styles here */
 /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
+html {
+  position: relative;
+  min-height: 100%; }
+
+body {
+  /* Margin bottom by footer height */
+  margin-bottom: 60px; }
+
 body header {
   padding: 15px 0; }
 
@@ -30,8 +38,14 @@ p {
 i {
   cursor: default; }
 
-footer {
-  margin-top: 24px !important; }
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  /* Set the fixed height of the footer here */
+  height: 60px;
+  line-height: 60px;
+  /* Vertically center the text there */ }
 
 .row-no-padding [class*="col-"] {
   padding-left: 0 !important;