Wordpress нижний колонтитул

Question

Я изучаю WordPress и хочу отредактировать нижний колонтитул.Я использую тему generatePress.

Я захожу в appearence-> edit theme-> footer.php, и я редактирую этот файл, и я написал этот div нижнего колонтитула.

<?php
if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly.
}
?>

    </div><!-- #content -->
</div><!-- #page -->

<?php
do_action( 'generate_before_footer' );
?>

<div <?php generate_do_element_classes( 'footer' ); ?>>
    <?php

    do_action( 'generate_before_footer_content' );

    do_action( 'generate_after_footer_content' );
    ?>
</div>

<footer class="footer">
    <p>anything</p>
</footer>

<?php

do_action( 'generate_after_footer' );

wp_footer();
?>

</body>
</html>

Я не знаю, если это 100% правильно, но это работает, и это написано в нижнем колонтитуле веб-страницы. Но теперь я хочу редактировать с помощью CSS.я уже пошел в style.css и написал

.footer{background-color:red;}

, но это не сработало, поэтому мне было интересно, может ли кто-нибудь здесь помочь мне.

Answer 1

Ваш CSS правильный.Однако причина, по которой он не работает, может быть связана с тем, где вы его добавили, или если фон покрыт другим стилем, или из-за кэширования.Вы можете попытаться добавить его в конец вашего файла style.css и, если это не получится, попробуйте добавить следующее:

.footer {
background-color:red !important;
background:red !important;
}

Вы также должны отключить все плагины кэширования и проверить, включено ли кэширование на сервере.Кэширование не даст вам увидеть изменения CSS.

Обратите внимание, что использование !important в CSS не рекомендуется, поэтому вы можете попробовать удалить его, но если оно работает только с !important, тогда вы можетеоставьте его или выясните причину, по которой он не работает без него.

Если это не помогло, пришлите нам ссылку на ваш сайт.