Перейти к содержимому


Изменение Цвета Шапки


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 12

#1 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 15 Март 2017 - 11:15

Аккаунт SL-381753
Здравствуйте

1. Изменил цвет формы поиска в шапке, но когда вводишь текст, он меняется на белый и его не видно. Скажите пожалуйста, где заменить цвет шрифта? Вроде бы везде поменял на #a8ada9  а вводится текст белого цвета.
2. В мобильной версии цвет формы поиска остался старым. Как поменять на фон белый шрифт #a8ada9 ?
3. В связи со сменой фона шапки на белый, стали не видны Корзина, Сравнение Регистрация и Авторизация при наведении мышки.
Где заменить цвета этих элементов?

Спасибо

#2 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 15 Март 2017 - 11:32

Просмотр сообщенияAst (15 Март 2017 - 11:15) писал:

Аккаунт SL-381753
Здравствуйте

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 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 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 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 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 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 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 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 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;
}

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

Прикрепленные изображения

  • top-korzina.jpg


#8 metry

metry

    Активный участник

  • Модераторы
  • 871 сообщений

Отправлено 22 Март 2017 - 11:44

Добрый день. Для внесения изменений зайдите в  Редактор шаблонов-->main.css :

найдите:

.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 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 22 Март 2017 - 12:13

Просмотр сообщенияmetry (22 Март 2017 - 11:44) писал:

Добрый день. Для внесения изменений зайдите в  Редактор шаблонов-->main.css :

найдите:

.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; отвечает за цвет цифр
Все отлично получилось, только при наведении мишкой цифры становятся невидимые, белый  цвет сливается с фоном. Надо при наведении поменять цвет цифр на 95a8a9 как цвет текста и будет ок.

Еще обнаружилась проблема. В подвале короткие названия меню слипаются, а должны выстраиваться вертикально. Спасибо

#10 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 23 Март 2017 - 13:29

Просмотр сообщенияAst (22 Март 2017 - 12:13) писал:

Все отлично получилось, только при наведении мишкой цифры становятся невидимые, белый  цвет сливается с фоном. Надо при наведении поменять цвет цифр на 95a8a9 как цвет текста и будет ок.

Еще обнаружилась проблема. В подвале короткие названия меню слипаются, а должны выстраиваться вертикально. Спасибо
Здравствуйте, найдите в файле main.css
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 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 23 Март 2017 - 16:39

Просмотр сообщенияИрина345 (23 Март 2017 - 13:29) писал:

Здравствуйте, найдите в файле main.css
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 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 28 Март 2017 - 11:43

Просмотр сообщенияAst (23 Март 2017 - 16:39) писал:

Спасибо, но это не совсем то.  Изначально цвет цифры должен быть белыми как есть сейчас. Меняться на цвет  на #95a8a9 цифры должны только при наведении мышкой. Иначе  цифры в цвете #95a8a9  плохо заметны на фоне квадратов. Так возможно?

Меню в подвале сейчас все ок. Спасибо
Здравствуйте. В файле main.css найдите строку
.header-button:hover a{color:#95a8a9;}
и сразу после нее вставьте код
.header-button:hover span{color:#95a8a9;}


#13 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 28 Март 2017 - 11:49

Просмотр сообщенияStasya (28 Март 2017 - 11:43) писал:

Здравствуйте. В файле main.css найдите строку
.header-button:hover a{color:#95a8a9;}
и сразу после нее вставьте код
.header-button:hover span{color:#95a8a9;}
Спасибо, теперь все хорошо.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных