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


Изменить Цвет Блока Комплектации На Странице Товара


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

#1 Leonid

Leonid

    Продвинутый пользователь

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

Отправлено 23 Апрель 2014 - 00:49

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

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

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

  • комплектация.jpg


#2 Сake

Сake

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

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

Отправлено 23 Апрель 2014 - 01:58

Изменение стиля выпадающего списка довольно затруднительно, так как это нативный элемент браузера и реализация возможна (более-менее корректная) на javascript через плагин jquery. Лучше всего избегать подобных изменений и оставлять нативные элементы браузера без особой стилизации.

#3 Leonid

Leonid

    Продвинутый пользователь

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

Отправлено 23 Апрель 2014 - 02:06

А можно ли каким-то образом выделить эту стрелочку (серую кнопку, при нажатии на которую выпадает окно), а то покупатель ее не видит..и в итоге не знает где выбрать комплектацию.

#4 Сake

Сake

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

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

Отправлено 23 Апрель 2014 - 02:23

Нет, именно стрелку изменить не получиться. Возможно в вашем случае - лучшим решением будет увеличение шрифта для выпадающего списка. Попробуйте в файл стилей main.css добавить следующий код

.goodsDataMainModificationsBlockProperty select {
  font-weight: bold;
  font-size: 16px;
}


#5 Leonid

Leonid

    Продвинутый пользователь

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

Отправлено 23 Апрель 2014 - 02:25

Спасибо

#6 Leonid

Leonid

    Продвинутый пользователь

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

Отправлено 23 Апрель 2014 - 02:40

А как могу поменять размер шрифта и цвет самого названия выпадающего окна?

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

  • комплектация.jpg


#7 Сake

Сake

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

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

Отправлено 23 Апрель 2014 - 02:56

Это можно сделать путем добавления класса в файл стилей main.css

.goodsDataMainModificationsBlockProperty strong {
  font-size: 14px;
  color: #000;
}





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

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