Изменение Цвета Шапки
#1
Отправлено 15 Март 2017 - 11:15
Здравствуйте
1. Изменил цвет формы поиска в шапке, но когда вводишь текст, он меняется на белый и его не видно. Скажите пожалуйста, где заменить цвет шрифта? Вроде бы везде поменял на #a8ada9 а вводится текст белого цвета.
2. В мобильной версии цвет формы поиска остался старым. Как поменять на фон белый шрифт #a8ada9 ?
3. В связи со сменой фона шапки на белый, стали не видны Корзина, Сравнение Регистрация и Авторизация при наведении мышки.
Где заменить цвета этих элементов?
Спасибо
#2
Отправлено 15 Март 2017 - 11:32
Ast (15 Март 2017 - 11:15) писал:
Здравствуйте
1. Изменил цвет формы поиска в шапке, но когда вводишь текст, он меняется на белый и его не видно. Скажите пожалуйста, где заменить цвет шрифта? Вроде бы везде поменял на #a8ada9 а вводится текст белого цвета.
2. В мобильной версии цвет формы поиска остался старым. Как поменять на фон белый шрифт #a8ada9 ?
3. В связи со сменой фона шапки на белый, стали не видны Корзина, Сравнение Регистрация и Авторизация при наведении мышки.
Где заменить цвета этих элементов?
Спасибо
1) В шаблоне html найдите строку
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = '';" onkeydown="this.style.color = '#fff';"/>В конце данной строки есть код #fff, отвечающий за белый цвет.
2) В main.css найдите код
#search_mini_form input{color:white;background:#0D8676;outline:0;}в нем изменяйте background(цвет фона).
3) В main.css найдите код
.header-button:hover a{color:white;}изменяйте цвет white на свой.
#3
Отправлено 15 Март 2017 - 12:11
Danil (15 Март 2017 - 11:32) писал:
1) В шаблоне html найдите строку
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = '';" onkeydown="this.style.color = '#fff';"/>В конце данной строки есть код #fff, отвечающий за белый цвет.
2) В main.css найдите код
#search_mini_form input{color:white;background:#0D8676;outline:0;}в нем изменяйте background(цвет фона).
3) В main.css найдите код
.header-button:hover a{color:white;}изменяйте цвет white на свой.
#4
Отправлено 15 Март 2017 - 15:34
Danil (15 Март 2017 - 11:32) писал:
1) В шаблоне html найдите строку
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = '';" onkeydown="this.style.color = '#fff';"/>В конце данной строки есть код #fff, отвечающий за белый цвет.
2) В main.css найдите код
#search_mini_form input{color:white;background:#0D8676;outline:0;}в нем изменяйте background(цвет фона).
3) В main.css найдите код
.header-button:hover a{color:white;}изменяйте цвет white на свой.
Обнаружилось, что в шапке элементы "Корзина" "Сравнение" показываются норм, но цифры при добавлении товара в корзину и в сравнение остались белыми.
Где можно поменять цвет цифр? Спасибо
#5
Отправлено 15 Март 2017 - 15:45
Ast (15 Март 2017 - 15:34) писал:
Где можно поменять цвет цифр? Спасибо
Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения на вашем сайте:
В шаблоне main.css найдите, пожалуйста, данный код:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: white; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
И замените его вот этим вот кодом:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #9cbec8; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
#6
Отправлено 15 Март 2017 - 15:48
RayLi (15 Март 2017 - 15:45) писал:
В данном случае попробуйте, пожалуйста, произвести следующие изменения на вашем сайте:
В шаблоне main.css найдите, пожалуйста, данный код:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: white; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
И замените его вот этим вот кодом:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #9cbec8; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
#7
Отправлено 22 Март 2017 - 10:50
RayLi (15 Март 2017 - 15:45) писал:
В данном случае попробуйте, пожалуйста, произвести следующие изменения на вашем сайте:
В шаблоне main.css найдите, пожалуйста, данный код:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: white; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
И замените его вот этим вот кодом:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #9cbec8; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
Здравствуйте
Поскольку фон шапки стал белым, исчезли квадратные фоны под надписями "корзина", "сравнение" и знаками авторизации и регистрации.Подскажите пожалуйста где можно установить для них цвет фона. хотелось бы чтобы было как на картинке. Спасибо
#8
Отправлено 22 Март 2017 - 11:44
найдите:
.header-button{padding:15px 0;border-radius:2px;color:white;cursor:pointer;background:rgba(255,255,255,0.1);position:relative;}
замените на:
.header-button{padding:15px 0;border-radius:2px;color:white;cursor:pointer;background: rgb(156, 190, 200);position:relative;}background: rgb(156, 190, 200) отвечает за фон цвет фона
найдите:
.header-button a{padding:15px;color:#9cbec8;font-size:15px;}
замените на:
.header-button a{padding:15px;color:#ffffff;font-size:15px;}
color:#ffffff; отвечает за цвет текста
найдите:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #9cbec8; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
замените на:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #ffffff; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
color:#ffffff; отвечает за цвет цифр
#9
Отправлено 22 Март 2017 - 12:13
metry (22 Март 2017 - 11:44) писал:
найдите:
.header-button{padding:15px 0;border-radius:2px;color:white;cursor:pointer;background:rgba(255,255,255,0.1);position:relative;}
замените на:
.header-button{padding:15px 0;border-radius:2px;color:white;cursor:pointer;background: rgb(156, 190, 200);position:relative;}background: rgb(156, 190, 200) отвечает за фон цвет фона
найдите:
.header-button a{padding:15px;color:#9cbec8;font-size:15px;}
замените на:
.header-button a{padding:15px;color:#ffffff;font-size:15px;}
color:#ffffff; отвечает за цвет текста
найдите:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #9cbec8; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
замените на:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #ffffff; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
color:#ffffff; отвечает за цвет цифр
Еще обнаружилась проблема. В подвале короткие названия меню слипаются, а должны выстраиваться вертикально. Спасибо
#10
Отправлено 23 Март 2017 - 13:29
Ast (22 Март 2017 - 12:13) писал:
Еще обнаружилась проблема. В подвале короткие названия меню слипаются, а должны выстраиваться вертикально. Спасибо
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #ffffff; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
замените на
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #95a8a9; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
далее найдите
.menu_footer ul li { float: left; }
замените на
.menu_footer ul li { display: block; }
#11
Отправлено 23 Март 2017 - 16:39
Ирина345 (23 Март 2017 - 13:29) писал:
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #ffffff; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
замените на
span.cart-count, span.compare-count { background: rgba(255, 255, 255, 0.2); color: #95a8a9; padding: 3px 7px; border-radius: 2px; font-size: 14px; font-weight: normal; }
далее найдите
.menu_footer ul li { float: left; }
замените на
.menu_footer ul li { display: block; }
Спасибо, но это не совсем то. Изначально цвет цифры должен быть белыми как есть сейчас. Меняться на цвет на #95a8a9 цифры должны только при наведении мышкой. Иначе цифры в цвете #95a8a9 плохо заметны на фоне квадратов. Так возможно?
Меню в подвале сейчас все ок. Спасибо
#12
Отправлено 28 Март 2017 - 11:43
Ast (23 Март 2017 - 16:39) писал:
Меню в подвале сейчас все ок. Спасибо
.header-button:hover a{color:#95a8a9;}и сразу после нее вставьте код
.header-button:hover span{color:#95a8a9;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных