WordPress Body Class не реализуется
Я пытаюсь создать шаблоны для WordPress темы Flexform. Я создал страницу, а также специальный заголовок для этой страницы. Мне не нужно было добавлять вызов body_class, так как он уже существует:
<body <?php body_class($page_class . ' ' . $is_responsive . ' ' . $extra_page_class); ?>>
Я проверил классы, которые были выведены на странице и обнаружил:
<body class="page page-id-5538 page-template page-template-beach-php logged-in admin-bar page-shadow responsive-fluid customize-support" style="">
В качестве стиля я использую page-template-beach-php, поэтому все страницы с этим шаблоном будут иметь одинаковые стили. Проблема в том, что я не могу получить что-то, что можно применить к странице. Я попробовал следующие варианты, но ничего не появляется, кто-нибудь может указать мне правильное направление?
Вариант 1 попробовал
.page-template-beach-php #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }
Вариант 2 попробовал
body.page-template-beach-php #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }
Вариант 3 попробовал
body .page-template-beach-php #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }
Вариант 4 попробовал
.page-template-beach-php < #top-bar {
background: #702c91 !important;
background-color: #702c91 !important; }
На данный момент, я не могу даже показать это на Google Inspect как переписанный стиль.
Решение
Вариант 1 должен работать нормально, если есть элемент с идентификатором top-bar в ДОМ.
Можете ли вы предоставить URL, чтобы посмотреть?
Другие решения
Я добавил:
.page-template-beach-php #top-bar {
background: red;
}
на линию 1421 вашего styles.css, и это, похоже, вступило в силу.