Intereting Posts
Можно ли предварительно определить набор атрибутов по категориям? Изменение в медиа-библиотеке влияет на изображения в опубликованных статьях Отображение разных страниц в зависимости от значения cookie Отключить автоматическое скрытие формы входа в систему на странице проверки Woocommerce. Показывать только родительские атрибуты продуктов на боковой панели Укажите, какие размеры изображений создаются для каждого изображения Личный кабинет: конкретный контент метаболизма «последние отредактированные страницы» для каждой роли пользователей Загрузка файлов в wp-content / uploads – Что добавить в БД? get_post_type_archive_link ('post') возвращает архив текущей категории Как использовать oEmbeds в Post Content во время запросов AJAX Как работают почтовые идентификаторы в WordPress? Как добавить память? Медиа-библиотека, перехватить действие пользователя WordPress считает, что мои пользовательские страницы таксономии – это поисковые страницы #seo как определить, какое изображение является признаком изображения в базе данных

Перезаписать стили style.css из стиля index.php

Я пытаюсь изменить внешний вид своего веб-сайта, но при этом сталкиваюсь с некоторыми проблемами.

Теперь разные классы и 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(); ?>> .

Если это не в вашей текущей теме, вы должны добавить его.

введите описание изображения здесь