Странно, обычно проблема в том, чтобы приклеить футер к низу...
Возьмите ваш футер в <div> у дива обязательно position: absolute;
ну и отцентрируйте этот div
я случайно попутал.
Вот так должно быть:
У вас в HTML коде вот так
<footer class="art-footer clearfix">
<::before>
<div class="art-footer-inner">
<!-- begin nostyle -->
<div class="art-nostyle">
<!-- end nostyle -->
<!-- begin nostyle -->
<div class="art-nostyle">
<!-- begin nostyle content -->
<div class="custom">
<p style="text-align: right;">
</div>
<!-- end nostyle content -->
</div>
<!-- end nostyle -->
<p class="art-page-footer">
</div>
<::after>
</footer>
как видно footer сам по себе в структуре торчит, нужно весь этот блок взять в div
например:
<div class="footer"><footer class="art-footer clearfix">
<::before>
<div class="art-footer-inner">
<!-- begin nostyle -->
<div class="art-nostyle">
<!-- end nostyle -->
<!-- begin nostyle -->
<div class="art-nostyle">
<!-- begin nostyle content -->
<div class="custom">
<p style="text-align: right;">
</div>
<!-- end nostyle content -->
</div>
<!-- end nostyle -->
<p class="art-page-footer">
</div>
<::after>
</footer>
</div>и в CSS прописать
.footer {
margin-top: 10px; /*это отступ от предидущего блока*/
}
И тогда ваш футер будет всегда приклеен к этой картинке с молотком. Ну или что там вместо нее будет.
Если не сработает, поменяйте класс Дива с footer на чтонибудь другое, и в CSS соответственно. Должно получиться.