WordPress удалить полосу прокрутки с определенной страницы
Мне нужно удалить вертикальные полосы прокрутки из конкретный страница интернета только на моем сайте
http://historyofliverpool.com/test-2/
Страница состоит из множества файлов php и css, поэтому я не знаю, с чего начать редактирование, и не хочу изменять остальную часть сайта.
Будет ли настраиваемое поле на этой странице только решить мою проблему?
Любая помощь высоко ценится.
Решение
Я не могу найти ни одного overflow: hidden в вашей таблице стилей.
Пожалуйста, попробуйте это:
.fullscreen {
overflow: hidden;
}
Другие решения
Удаление полосы прокрутки легко; вам просто нужно подать заявку overflow:hidden к body селектор.
Настоящей проблемой является удаление полосы прокрутки на правильной странице. Есть быстрые и грязные способы сделать это, но давайте не торопимся и посмотрим на это разумно:
Детские темы
Похоже, вы используете Англепанская тема. Поскольку это коммерческая тема, я бы рекомендовал вам сначала создать дочернюю тему прежде чем вносить какие-либо изменения. Таким образом, когда тема Anglepane обновляется, она не удаляет ваши правки.
Идентификация страницы — body_class ()
Следующим шагом будет определение и выбор страницы, к которой вы хотите применить ваши изменения. WordPress имеет удобный body_class() функция, которая добавляет классы CSS в body элемент, позволяющий легко добавлять стили постранично. Теперь похоже на твою тему не используя эту функцию; поэтому вы должны добавить эту функцию:
- Скопируйте
header.phpфайл из папки родительской темы в папку дочерней темы, чтобы вы могли редактировать его - Найти
bodyпометить и изменить его так:
<body <?php body_class( $class ); ?>>
Идентификация страницы — ID против шаблона
Как только вы добавили body_class() Функция вы должны найти, что ваш body У элемента будет куча классов, которые вы можете использовать; одним из них будет идентификатор страницы с префиксом .page-id-, Теперь вы можете использовать это имя класса для вашего CSS. Например, если ваша целевая страница имеет идентификатор 3, вы можете использовать:
.page-id-3 {
overflow:hidden;
}
Хотя это работает, я лично предпочитаю использовать шаблоны страниц для таргетинга на специфичные для страницы стили. Одним из преимуществ этого является то, что он позволяет избежать несовпадения идентификаторов страниц в разных средах. Например, я мог бы хотеть изменить цвет фона моего около страница с идентификатором 4:
.page-id-4 {
background:red; // Works as long as the page ID is definitely 4
}
Это прекрасно работает на моей локальной копии сайта, но на живом сайте мой около страница имеет идентификатор 24. Я избегаю этого, создавая шаблон страницы специально для моего около стр. Таким образом, я могу использовать page-template вместо этого селектор, который согласован для обеих сред:
.page-template-about {
background:red; // Now I work everywhere
}
Надеюсь, что поговорим обо всем достаточно подробно для вас.