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


Фон Иконки Товаров И Изменение Цвета Шрифта


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

#1 gel-andrej1

gel-andrej1

    Новичок

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

Отправлено 14 Март 2014 - 08:44

Здравствуйте. Подскажите пожалуйста как изменить фон иконки товаров,  цвет шрифта цены товара и цвет самого названия товара под фотографией? Аккаунт SL-272957.

#2 MikDark

MikDark

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

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

Отправлено 14 Март 2014 - 09:12

Просмотр сообщенияgel-andrej1 (14 Март 2014 - 08:44) писал:

Здравствуйте. Подскажите пожалуйста как изменить фон иконки товаров,  цвет шрифта цены товара и цвет самого названия товара под фотографией? Аккаунт SL-272957.

Можете прислать скриншоты с указанием мест, которые конкретно нужно поменять. Потому что не совсем понятно что за иконки, название и цены тоже указаны в разных местах.

#3 gel-andrej1

gel-andrej1

    Новичок

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

Отправлено 14 Март 2014 - 10:06

Извиняюсь что так не грамотно описал свою просьбу)))

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

  • 123.jpg


#4 MikDark

MikDark

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

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

Отправлено 14 Март 2014 - 10:13

Просмотр сообщенияgel-andrej1 (14 Март 2014 - 10:06) писал:

Извиняюсь что так не грамотно описал свою просьбу)))

Фон изменить не получится, т.к. это идет фон у самой картинки.

Цвет цены меняет так:
В шаблонах открывает main.css, находим строки:
.goodsListItemBlock a span span {
color: #390;
font-size: 17px;
font-weight: bold;
}

и далее заменяет значение color на нужное. Сгенерировать цифровое значение цвета можно здесь http://hexcolorgenerator.com/

Например черный цвет:
.goodsListItemBlock a span span {
color: #000000;
font-size: 17px;
font-weight: bold;
}

Чтобы поменять цвет в названии товара, дописываем в main.css строки:
.goodsListItemName a {
color: #000000;
}

color так же можно заменить на нужный

#5 gel-andrej1

gel-andrej1

    Новичок

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

Отправлено 14 Март 2014 - 10:36

Спасибо большое. Очень качественная тех поддержка. А как такую же операцию произвести и со списком?

#6 MikDark

MikDark

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

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

Отправлено 14 Март 2014 - 10:53

Просмотр сообщенияgel-andrej1 (14 Март 2014 - 10:36) писал:

Спасибо большое. Очень качественная тех поддержка. А как такую же операцию произвести и со списком?

Со списком:
Название товара, дописываем в main.css
.contm h3 a {
color: #000;
}

Цена: находим строки
.listing .contm a span span {
color: #390;
font-weight: bold;
}

и заменяем color на нужный.

#7 gel-andrej1

gel-andrej1

    Новичок

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

Отправлено 14 Март 2014 - 11:03

Спасибо все получилось

#8 Toko

Toko

    Пользователь

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

Отправлено 28 Август 2015 - 16:30

У меня в main.css нет строки .goodsListItemBlock , тоже хотелось бы избавиться от бледно-голубого цвета в теме Plastic. Так бы хотелось! Он (этот цвет) остался только у меня только в названиях товаров и на кнопке "в наличии"

#9 Firefly

Firefly

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

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

Отправлено 28 Август 2015 - 17:07

Просмотр сообщенияToko (28 Август 2015 - 16:30) писал:

У меня в main.css нет строки .goodsListItemBlock , тоже хотелось бы избавиться от бледно-голубого цвета в теме Plastic. Так бы хотелось! Он (этот цвет) остался только у меня только в названиях товаров и на кнопке "в наличии"

Здравствуйте.
Для изменения цвета в заголовке товара зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
	#content .box .titlebox ul li.default a { float:left; color:#317f9f; padding:4px 0 4px 0; max-width:600px; display:inline-block; height:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

В данном коде измените значение кода цвета #317f9f у параметра color.

Для кнопки "в наличии" в main.css найдите код:
	#content .box .titlebox ul li.blue { background:#5195af; float:left; height:22px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; margin:0 20px 0 0; }

В данном коде измените значение кода цвета #5195af у параметра background.

Стрелка у данной полосы является отдельным изображением с названием content-ttl-cat-a.png. Эту картинку Вы можете сохранить к себе на компьютер, перекрасить в графическом редакторе в нужный цвет и заново залить в редакторе шаблонов по кнопке "Добавить файлы".

#10 Toko

Toko

    Пользователь

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

Отправлено 28 Август 2015 - 17:59

Огромное спасибо! Просто радует такой уровень поддержки.




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

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