Wordpress: исправить нижний колонтитул

Question

Я действительно работаю над этим Wordpresswebsite, и я пытаюсь исправить нижний колонтитул с помощью кода (потому что с помощью этого шаблона с помощью параметров темы невозможно).

Это footer.php код

<!-- Footer --> 
    <footer> 
    <div class="container-fluid"> 
    <div class="row padding-bottom48"> 
    <div class="col-md-12 text-center padding-top48 text-footer"> 

    <?php sierra_opt_footer_text(); ?> 
    <?php sierra_opt_footer_social_icons(); ?> 

    <div class="text-center padding-top72"> 
    <a href="#" class="scroll-to relative"> 
    <p class="sierra-arrow-up"></p> 
    </a> 
    </div> 
    </div> 
    </div> 
    </div> 
    </footer> 
<!-- end footer --> 

Я пытался в легком пути:

footer { position: fixed;) 

Без хороших результатов.

Как я могу сделать нижний колонтитул липким и фиксированным?

Спасибо за консультацию.

Answer 1

Попробуйте этот код

footer { 
    bottom: 0; 
    position: fixed; 
    width: 100%; 
} 

И добавить высоту в соответствии с вашим требованием

Answer 2

Это должно сделать трюк (адаптировано из CSS-Tricks). Вы должны изменить page-wrap на свой раздел «обертка страницы» или добавить его, если он отсутствует.

* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.page-wrap { 
    min-height: 100%; 
    /* equal to footer height */ 
    margin-bottom: -142px; 
} 
.page-wrap:after { 
    content: ""; 
    display: block; 
} 
footer, .page-wrap:after { 
    height: 142px; 
} 

Answer 3

попробовать это

footer { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
} 

Answer 4

Ваш CSS должен быть таким:

.container-fluid { 
 
    position: fixed; 
 
    bottom: 0px; 
 
}

Я не знаю, почему вы хотите, чтобы исправить футер, хотя, нижний колонтитул довольно большой и занимает много места на экране от остальной части e веб-сайт; нижний колонтитул недостаточно важен для этого. Каково ваше намерение в этом случае?

Answer 5

Удалить нижнюю колонтитул и добавить следующие css к нему: footer { позиция: исправлена; нижний: 0; ширина: 100%; }