# How to display footer always on bottom

**URL:** <https://colorlibsupport.com/t/how-to-display-footer-always-on-bottom/7764>\
**Category:** Unite Theme\
**Created:** [July 24, 2015, 4:03pm UTC](https://colorlibsupport.com/t/how-to-display-footer-always-on-bottom/7764 "2015-07-24T16:03:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![pelagos](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/9de0a6/32.png) [@pelagos](https://colorlibsupport.com/u/pelagos)\
**Post date:** [July 24, 2015, 4:03pm UTC](https://colorlibsupport.com/t/how-to-display-footer-always-on-bottom/7764/1 "2015-07-24T16:03:20Z")

</div>

Hi,  
first of all thanks for your Unite template.  
My question is: how can i display the footer always on bottom of the page?  
In the footer I show only copyright info.

Thank you!

---

<div class="post-metadata">

**Author:** ![pelagos](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/9de0a6/32.png) [@pelagos](https://colorlibsupport.com/u/pelagos)\
**Post date:** [July 25, 2015, 3:37pm UTC](https://colorlibsupport.com/t/how-to-display-footer-always-on-bottom/7764/2 "2015-07-25T15:37:20Z")

</div>

Solved this way:

#colophon {

position:absolute;  
bottom:0;  
width:100%;  
height:60px; /\* Height of the footer \*/  
background:#6cf;  
}

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [August 25, 2015, 1:28pm UTC](https://colorlibsupport.com/t/how-to-display-footer-always-on-bottom/7764/3 "2015-08-25T13:28:20Z")

</div>

Hi @pelagos,

Awesome great to see you got that solved.

Please advise if you have more questions.

Have a fantastic day!

Cheers,  
Movin