Начать новую тему

Цвет шрифта телефона в шапке сайта

Как можно изменить цвет шрифта номера телефона в шапке?


Пробую добавить в CSS:


.ty-cr-phone {

color: #105883;

}


Не помогает...


Спасибо!

Здравствуйте!


Спасибо за ваш вопрос.


Для того чтобы изменить цвет шрифта номера телефона, вам необходимо добавить следующий код в поле Пользовательские CSS визуального редактора:

 

.ty-cr-phone-number-link .ty-cr-phone  {
	color: #105883;
}
.ty-cr-phone-number-link .ty-cr-phone-prefix {
	color: #105883;
} 

 Для вашего удобства мы применили этот код на вашем сайте.


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


Спасибо.

Вставил и ничего не поменялось, а как изменить размер цифр телефона?

@price.umi,


Здравствуйте!


Спасибо, что обратились к нам.


Как мы видим, упомянутые правила корректно применены к элементам. Пожалуйста, проверьте прикрепленный снимок экрана.


Для изменения размера шрифта мы рекомендуем воспользоваться свойством font-size. Вы можете применить его к элементам, приведенным в коде, который указан в предыдущем нашем сообщении.


Надеемся, данная информация окажется полезной для вас. Пожалуйста, проверьте.


Спасибо.

Как это сделать пошагово, у меня лишь планшет Ipad и на нем два браузера Safari и Chrome? Но в них я не нашел таких возможностей просмотра элементов сайта.

Спасибо за ваш ответ.


Боюсь, что работа с инструментом разработчика на мобильном устройстве будет значительно затруднена. Кроме того, разработчики браузеров часто не включают данную функциональность для браузеров мобильных устройств. В вашем случае мы рекомендуем попробовать приложение Firebug Lite. Инструкции по его установке вы можете найти в следующих статьях:


http://iosbookmarklets.com/tutorials/firebug-lite-bookmarklet-ipad/

https://getfirebug.com/firebuglite_mobile


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


1. В браузере Safari перейдите на страницу Настройки > Safari

2. Выставите следующие настройки:

Показать панель избранного - включить

Не сохранять cookies - никогда

3. Нажмите на элемент Продвинутые настройки.

4. Включите настройку Включить JavaScript.

5. Добавьте страницу в Избранное.

6. Скопируйте код, приведенный ниже.

7. Перейдите в настройки Избранного (Закладки > Избранное > Редактировать).

8. Откройте форму редактирования закладки, созданной на шаге 5:


При желании измените название закладки.

Удалите адрес закладки и вставьте скопированный код.


9. Сохраните изменения.


Затем запустите данную закладку, когда в браузере открыта страница, для которой вы хотите сделать изменения.

 

javascript:(function(){ var fb = document.createElement('script');
fb.type = 'text/javascript'; fb.src = 'https://getfirebug.com/firebug-lite.js#startOpened';

 

Надеемся, данная информация окажется полезной для вас. Отметим, что подготовленные CSS правила вы можете вставить на странице Дизайн > Стили в поле Пользовательские CSS-стили в администраторской части магазина.


Спасибо. 



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

Здравствуйте!


Спасибо за ваше обращение.


В вашей ситуации проблема была вызвана тем, что описанный выше код был помещен внутри описания другого CSS класса. Мы исправили данную ситуацию, теперь у вас изменился цвет шрифта номеров телефонов. Пожалуйста, проверьте. Также для вашего удобства мы добавили следующий код в Пользовательские CSS визуального редактора:

.ty-cr-phone-number-link .ty-cr-link a{
   color: #105883;
}

 

Чтобы изменить цвет ссылки заказа обратного звонка. Пожалуйста, проверьте.


Спасибо.

Все отлично! Спасибо!

Спасибо за ваш ответ. Мы были рады вам помочь. 

Войдите, чтобы опубликовать свой комментарий