Как изменить цвет фона верхнего заголовка

На чтение 2 мин Опубликовано 05.10.2024

Вопрос или проблема

Пожалуйста, посетите сайт: https://virginiafrank.com Я не могу изменить цвет фона верхнего заголовка (или телефонных номеров). Я предпочел бы, чтобы фон был золотым, а текст черным. Я не могу это сделать. Пожалуйста, кто-нибудь, помогите мне.

Пожалуйста, добавьте следующее в ваш style.css

.l-subheader.at_top {
    background: gold !important;
    color: #000!important;
}

Пожалуйста, проверьте это и дайте мне знать, работает ли это. Спасибо.

@Pratik bhatt – Код, который вы дали, изменит только цвет фона, так как у li есть отдельное свойство цвета. Нужно добавить следующее.

.top-haed ul li {
 color: #000 !important;
}

.top-haed ul li a {
 color: #000 !important;
}

Сообщите мне, если это поможет.

Ответ или решение

Конечно! Чтобы изменить цвет фона верхнего заголовка и цвет текста на вашем сайте, вам нужно внести изменения в файл CSS. В вашем случае вы хотите установить золотой фон и черный текст. Вот пошаговое руководство для достижения этого.

Откройте файл стилей:
Найдите файл style.css в вашей теме WordPress, или в любом другом месте, где вы редактируете CSS вашего сайта.

Добавьте следующий код:
Вставьте следующий код в конец файла style.css:

/* Изменение фона и цвета текста в верхнем заголовке */
.l-subheader.at_top {
   background: gold !important;
   color: #000 !important;
}

/* Изменение цвета текста в списке элементов */
.top-haed ul li {
   color: #000 !important;
}

.top-haed ul li a {
   color: #000 !important;
}

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

Если изменения всё ещё не отображаются, проверьте следующее:

Убедитесь, что вы редактируете правильный файл CSS.
Очистите кэш браузера.
Если у вас включены плагины кэширования, попробуйте очистить кэш и у этих плагинов.

Если у вас возникнут дополнительные вопросы, пожалуйста, дайте знать!