Опубликовано: 17 августа 2016
Цвет верхней панели.
Добрый день!
Сейчас верхняя панель стандартного серого цвета. Как поменять её цвет на черный. Соответственно, текст поменять на белый, а при наведении на ссылку она была подчеркнута?
Сейчас так: http://sadteh24.ru/
А нужно так: http://www.k-n-d.ru/gazonokosilki
Спасибо!.
Комментарии (8)
В блок пользовательских стилей добавьте правила:
@media only screen and (min-width: 993px) { .nav-wrapper { background-color: #000; } ul.base-menu.pages-top a { color: #fff; } ul.base-menu.pages-top a:hover { text-decoration: underline; } }Создал блок с именем profitbuy.user.css
Прописал в нем
{literal}
<style type="text/css">
media only screen and (min-width: 993px) {
.nav-wrapper {
background-color: #000;
}
ul.base-menu.pages-top a {
color: #fff;
}
ul.base-menu.pages-top a:hover {
text-decoration: underline;
}
}
</style>
{/literal}
Что-то еще надо сделать? Пока не работает.
Я имею в виду правильно ли вставил код в блок и нужно ли прописывать название блока где-то в файлах шаблона?
Там ошибка в первой строке, не хватает символа @, поправьте и заработает.
Спасибо! все работает.
Еще вопрос появился. Когда так прописываю, текст страниц приложения магазин становится белый, как надо. А вот текст личный кабинет остается черным и он сливается с фоном. Как-то его отдельно надо прописать?
Добрый вечер!
Разобрался, вопрос снимается.
Спасибо за подсказки.
Нет еще не совсем.
Прописал
ul.base-menu a {
color: #fff;
}
ul.base-menu a:hover {
text-decoration: underline;
}
Вместе с личным кабинетом все остальные ссылки тоже окрашиваются белым.
Надо ему присвоить какую-то доп. переменную?
Подскажите как текст личный кабинет в верхнем меню сделать тоже белым цветом и подчеркнутым?
Жду ответа, спасибо!
@media only screen and (min-width: 993px) { .nav-wrapper { background-color: #000; } .nav-wrapper ul.base-menu a { color: #fff; } .nav-wrapper ul.base-menu a:hover { text-decoration: underline; } }Добрый день!
Это решение не совсем работает.
Так как в белый цвет также красится текст ссылок горизонтального меню и текст ссылок на приложения в футере сайта.
Надо текст ссылок на вход личный кабинет прописывать отдельно от остальных элементов сайта(главное меню и футер).
Как это прописать?
В файле links.auth.html добавить свой класс тегу <ul> и использовать его при подмене стилей оформления.