Автор Тема: Телефонный номер не видно на темном фоне  (Прочитано 132 раз)

08 Августа 2015, 16:27:52
  • Фрилансер
  • *
  • Сообщений: 230
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
На темном фоне разместил телефонный номер, с компа он белый, а с телефона он серый, не видно. Серый потому что можно на него нажать и позвонить.. как сделать его белым тоже?)
08 Августа 2015, 17:32:21
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 13630
  • Репутация: +14563/-1
  • Сообщество PrestaShop
    • Просмотр профиля
В стандарной теме цвет номера телефона определен в файле /themes/default-bootstrap/css/modules/blockcontact/blockcontact.css. В этом блоке нужно установить белый цвет для ссылок .
.shop-phone strong, .shop-phone a {
    color: #fff;
}
08 Августа 2015, 22:30:47
Ответ #2
  • Фрилансер
  • *
  • Сообщений: 230
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Тогда на другой странице, на белом фоне не видно будет. Есть ли еще какое нибудь решение?
08 Августа 2015, 23:15:46
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 1280
  • Репутация: +32/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Используйте Media Queries.
@media screen and (max-width: 480px)
09 Августа 2015, 11:14:39
Ответ #4
  • Фрилансер
  • *
  • Сообщений: 230
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Не совсем понял как это использовать
09 Августа 2015, 11:22:46
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 13630
  • Репутация: +14563/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Тогда на другой странице, на белом фоне не видно будет. Есть ли еще какое нибудь решение?
Если у вас на разных страницах разный фон. То нужно добавить класс для каждой страницы. Или использовать id страницы.
Например, для главной
#index .shop-phone a {
    color: #fff;
}
для категорий другой цвет
#category .shop-phone a {
    color: #000;
}
09 Августа 2015, 20:06:01
Ответ #6
  • Фрилансер
  • *
  • Сообщений: 230
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В стандарной теме цвет номера телефона определен в файле /themes/default-bootstrap/css/modules/blockcontact/blockcontact.css. В этом блоке нужно установить белый цвет для ссылок .
.shop-phone strong, .shop-phone a {
    color: #fff;
}
никак не могу найти этот файл, преста 1.5, шаблон стандартный
09 Августа 2015, 21:07:32
Ответ #7
  • Ветеран
  • *****
  • Сообщений: 13630
  • Репутация: +14563/-1
  • Сообщество PrestaShop
    • Просмотр профиля
никак не могу найти этот файл, преста 1.5, шаблон стандартный
В стандарной теме prestashop 1.5 нет такого. Я писал для prestashop 1.6.
У вас будут другие классы. Стили можно добавить в global.css.
10 Августа 2015, 07:57:56
Ответ #8
  • Фрилансер
  • *
  • Сообщений: 230
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
а конкретнее? я нашел в глобал цвет ссылок, поменял и с айфона все нормально стало, но только цвет поменялся везде... как сделать так, что бы только в хиддере?
10 Августа 2015, 10:43:23
Ответ #9
  • Ветеран
  • *****
  • Сообщений: 13630
  • Репутация: +14563/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Добавить в описание стилей в самом начале ид блока
#header .shop-phone strong, .shop-phone a {