Я пытаюсь изменить внешний вид своего веб-сайта, но при этом сталкиваюсь с некоторыми проблемами.
Теперь разные классы и id в style.css применяются ко всем страницам моей темы.
Я хочу перезаписать эти элементы стилей (только 2 или 3) на моей домашней странице.
Теперь, когда я добавляю стиль в свой файл index.php, они не применяются.
Я уже пробовал их маркировать !important
Фрагменты кода: я добавил этот код в свой файл index.php до запуска <?php
кода
<style type="text/css"> #main { margin-left: 0 !important; } .container { width: 95% !important; } </style>
Но они все еще не влияют на внешний вид моей домашней страницы.
Я подтвердил, что класс и идентификаторы, которые я использую, являются совершенными и присутствуют в файле style.css?
Итак, можете ли вы, пожалуйста, направить меня, как перезаписать эти стили элементов только на моей домашней странице?
ИЛИ
Если я делаю что-то неправильно в вышеупомянутом процессе?
Добавьте этот код в свои функции functions.php
add_action('wp_footer', 'my_home_page_styles', PHP_INT_MAX); function my_home_page_styles() { if(is_front_page()) { ?> <style> #main { margin-left: 0 !important; } .container { width: 95% !important; } </style> <?php } }
Не забудьте очистить свой кеш до обновления. Используйте Ctrl + F5
для обновления в Google Chrome.
На вашей домашней странице есть класс на теле, называемый «домашний»,
Итак, в вашем файле style.css
body.home #main { margin-left: 0; } body.home .container { width: 95%; }
Поскольку ваш комментарий утверждает, что нет класса, называемого home. Вот скриншот страницы со <body <?php body_class(); ?>>
wordpress двадцатьфунты header.php на <body <?php body_class(); ?>>
тега <body <?php body_class(); ?>>
<body <?php body_class(); ?>>
.
Если это не в вашей текущей теме, вы должны добавить его.