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


Помогите Изменить Цвет

Автор Ibragim2010, 03 февр. 2015 14:03

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

#1 Ibragim2010

Ibragim2010

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

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

Отправлено 03 Февраль 2015 - 14:03

Как изменить цвет фона кнопки "Добавить в корзину" ?
(никак не могу найти)

#2 RayLi

RayLi

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

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

Отправлено 03 Февраль 2015 - 14:08

Просмотр сообщенияIbragim2010 (03 Февраль 2015 - 14:03) писал:

Как изменить цвет фона кнопки "Добавить в корзину" ?
(никак не могу найти)
Здравствуйте.
В style.css найдите код:
input[type=submit] {
cursor: pointer;
}
.add_to_cart {
display: block;
background-color: #da3b44;
background-image: url({ASSETS_IMAGES_PATH}cart_white.png?design=movement);
background-repeat: no-repeat;
background-position: 13px 50%;
color: #fafafa!important;
height: 35px;
padding: 0 16px 0 46px;
border: 1px solid #a40f18;
cursor: pointer;
font-weight: 700;
line-height: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}
В нём найдите строку: background-color: #da3b44; Именно она отвечает за цвет кнопки.

#3 Ibragim2010

Ibragim2010

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

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

Отправлено 03 Февраль 2015 - 14:15

Просмотр сообщенияRayLi (03 Февраль 2015 - 14:08) писал:

Здравствуйте.
В style.css найдите код:
.add_to_cart {
display: block;
background-color: #da3b44;
background-image: url({ASSETS_IMAGES_PATH}cart_white.png?design=movement);
background-repeat: no-repeat;
background-position: 13px 50%;
color: #fafafa!important;
height: 35px;
padding: 0 16px 0 46px;
border: 1px solid #a40f18;
cursor: pointer;
font-weight: 700;
line-height: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}
В нём найдите строку: background-color: #da3b44; Именно она отвечает за цвет кнопки.
Не могу найти.
Нет такого там((( Ищу в стилях с помощью ctrl + F
ПОМОГИТЕ НАЙТИ

#4 RayLi

RayLi

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

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

Отправлено 03 Февраль 2015 - 14:27

Просмотр сообщенияIbragim2010 (03 Февраль 2015 - 14:15) писал:

Не могу найти.
Нет такого там((( Ищу в стилях с помощью ctrl + F
ПОМОГИТЕ НАЙТИ
Была допущена ошибка в коде, но сейчас она исправлена, попробуйте снова найти его в шаблоне style.css .

#5 Ibragim2010

Ibragim2010

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

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

Отправлено 03 Февраль 2015 - 22:52

Не меняет он цвет. Перепробывал много цветом, ничего не менял(((
Видимо что-то не так((

#6 Vaccina

Vaccina

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

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

Отправлено 04 Февраль 2015 - 01:29

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

#7 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 19 Март 2015 - 15:26

Я тоже не могу найти указанный блок, нету его, как быть?

#8 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 19 Март 2015 - 15:34

Подскажите, пожалуйста, как изменить цвет кнопки "добавить в корзину" и цвет цены (старой и новой) и цвет вокруг цены.
Еще укажите пожалуйста, коды цветов: синий, желтый, черный, зеленый, горчичный.

#9 RayLi

RayLi

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

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

Отправлено 19 Март 2015 - 16:00

Просмотр сообщенияKonlino (19 Март 2015 - 15:34) писал:

Подскажите, пожалуйста, как изменить цвет кнопки "добавить в корзину" и цвет цены (старой и новой) и цвет вокруг цены.
Еще укажите пожалуйста, коды цветов: синий, желтый, черный, зеленый, горчичный.
Здравствуйте.
В шаблоне style.css найдите код:
.add_to_cart {
  display: block;
  background-color: #da3b44;
  background-image: url('{ASSETS_IMAGES_PATH}cart_white.png?design=spring');
  background-repeat: no-repeat;
  background-position: 13px 50%;
  color: #fafafa!important;
  height: 35px;
  padding: 0 16px 0 46px;
  border: 1px solid #a40f18;
  cursor: pointer;
  font-weight: 700;
  line-height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}
И замените его вот этим кодом:
.add_to_cart {
  display: block;
  background-color: #DD9700;
  background-image: url('{ASSETS_IMAGES_PATH}cart_white.png?design=spring');
  background-repeat: no-repeat;
  background-position: 13px 50%;
  color: #fafafa!important;
  height: 35px;
  padding: 0 16px 0 46px;
  border: 1px solid #E08800;
  cursor: pointer;
  font-weight: 700;
  line-height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}
После этого найдите код:
#product_price_block .price {
  display: block;
  overflow: hidden;
  float: left;
}
И замените его вот этим кодом:
#product_price_block .price {
  display: block;
  overflow: hidden;
  float: left;
  color: #00A52E;
}
Далее найдите этот код:
#product_price_block #old_price {
  float: left;
  text-decoration: line-through;
  color: #909090;
  margin-right: 12px;
  padding-top: 2px;
  line-height: 32px;
}
И замените его:
#product_price_block #old_price {
  float: left;
  text-decoration: line-through;
  color: #DBD000;
  margin-right: 12px;
  padding-top: 2px;
  line-height: 32px;
}

Коды цветов: коричневый: #E08800 , зелёный цвет: #00A52E , жёлтый цвет: #DBD000 , синий цвет: #004EDB , чёрный цвет: #000000 .

#10 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 20 Март 2015 - 14:01

Спаисбо большое, все отлично. Подскажтие как сделать вот так https://yadi.sk/i/bOlmMmXXfPFNG и чтобы можно было менять цвет заливики цены.

Всем кто найдет эту тему, цветовая политра тут: http://www.stm.dp.ua.../color-html.php

#11 Cupuyc

Cupuyc

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

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

Отправлено 20 Март 2015 - 14:28

Просмотр сообщенияKonlino (20 Март 2015 - 14:01) писал:

Спаисбо большое, все отлично. Подскажтие как сделать вот так https://yadi.sk/i/bOlmMmXXfPFNG и чтобы можно было менять цвет заливики цены.

Всем кто найдет эту тему, цветовая политра тут: http://www.stm.dp.ua.../color-html.php

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
#product_price_block .price {
  display: block;
  overflow: hidden;
  float: left;
  color: #000000;
}
Замените его на:
#product_price_block .price {
  background: grey;
  display: block;
  overflow: hidden;
  float: left;
  color: #000000;
}

#12 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 20 Март 2015 - 14:44

Подскажите как изменить цвет кнопки "Корзина" в каталоге, в каруселе "Сопутствующие товары", в каруселе "Хит продаж", " в разделе "Недавно просмотренные товары", аналогично с ценой.  Как изменить цвет кнопи добавить в корзину в момент когда на нее наводишь мышкой?

#13 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 20 Март 2015 - 14:57

Еще нужно знать как изменить цвет кнопки "быстрый заказ".

#14 Cupuyc

Cupuyc

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

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

Отправлено 20 Март 2015 - 16:31

Просмотр сообщенияKonlino (20 Март 2015 - 14:44) писал:

Как изменить цвет кнопи добавить в корзину в момент когда на нее наводишь мышкой?

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.add_to_cart:hover{background-color:#e6434c;text-decoration:none}
Значение "#e6434c" отвечает за цвет кнопки добавить в корзину при наведении

Просмотр сообщенияKonlino (20 Март 2015 - 14:44) писал:

Подскажите как изменить цвет кнопки "Корзина" в каталоге
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.add_to_cart_ph{display:block;background-color:#da3b44;background-image:url('{ASSETS_IMAGES_PATH}cart_white.png?design=autumn');background-repeat:no-repeat;background-position:13px 50%;
Значение "#da3b44" отвечает за цвет кнопки добавить в корзину

Просмотр сообщенияKonlino (20 Март 2015 - 14:44) писал:

Подскажите как изменить цвет кнопки в каруселе  "Сопутствующие товары", в каруселе "Хит продаж"
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
input.exclusive, #paymentForm input, a.exclusive{display:inline-block;background: #da3b44 !important;color:#fafafa!important;border:1px solid #a40f18;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
Значение "#da3b44" отвечает за цвет кнопки добавить в корзину из блока "Сопутствующие товары"

#15 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 23 Март 2015 - 16:04

Ваши рекомендации помогли, все отлично. Но есть еще один вопрос, можно ли добавить градиент  в заливку кнопок "Добавить в корзину" и "Быстрый заказ"?

#16 Danil

Danil

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

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

Отправлено 23 Март 2015 - 16:14

Просмотр сообщенияKonlino (23 Март 2015 - 16:04) писал:

Ваши рекомендации помогли, все отлично. Но есть еще один вопрос, можно ли добавить градиент  в заливку кнопок "Добавить в корзину" и "Быстрый заказ"?
Здравствуйте.
В конец style.css добавьте 
a.exclusive, .add_to_cart {
background: linear-gradient(to top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
}
изменяйте цвета на свои

#17 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 24 Март 2015 - 14:24

Просмотр сообщенияDanil (23 Март 2015 - 16:14) писал:

Здравствуйте.
В конец style.css добавьте 
a.exclusive, .add_to_cart {
background: linear-gradient(to top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
}
изменяйте цвета на свои



Ничего не поменялось.. :(

#18 Cupuyc

Cupuyc

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

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

Отправлено 24 Март 2015 - 17:25

Просмотр сообщенияKonlino (23 Март 2015 - 16:04) писал:

Ваши рекомендации помогли, все отлично. Но есть еще один вопрос, можно ли добавить градиент  в заливку кнопок "Добавить в корзину" и "Быстрый заказ"?

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.add_to_cart_ph{display:block;background-color:#336B94;background-image:url('{ASSETS_IMAGES_PATH}cart_white.png?design=autumn');background-repeat:no-repeat;background-position:13px 50%;
color:#fafafa!important;line-height:35px;height:35px;padding:9px 16px 9px 46px;*padding:0px 16px 9px 46px;border:1px solid #a40f18;cursor:pointer;font-weight:700;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}

Замените его на:
.add_to_cart_ph{display:block;background: linear-gradient(to top, #b5bdc8 0%, #828c95 36%, #28343b 100%);background-repeat:no-repeat; color:#fafafa!important;line-height:35px;height:35px;padding:9px 16px 9px 46px;*padding:0px 16px 9px 46px;border:1px solid #a40f18;cursor:pointer;font-weight:700;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2)}

#19 Konlino

Konlino

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

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 25 Март 2015 - 15:38

теперь кнопка "Добавить в корзину"  имеет блок белого цвета, слева.

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

  • Снимок-2.png

#20 Alekseys

Alekseys

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

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

Отправлено 25 Март 2015 - 15:44

Просмотр сообщенияKonlino (25 Март 2015 - 15:38) писал:

теперь кнопка "Добавить в корзину"  имеет блок белого цвета, слева.
Здравствуйте. В style.css замените
.add_to_cart{
  display: block;
  background: linear-gradient(to top, #87CEFA 0%, #4682B4 36%, #4682B4 100%);
  background-repeat: no-repeat;
  background-position: 13px 50%;
  color: #fafafa!important;
  height: 35px;
  padding: 0 16px 0 46px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  font-weight: 700;
  line-height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}
на
.add_to_cart{
  display: block;
  background: linear-gradient(to top, #87CEFA 0%, #4682B4 36%, #4682B4 100%);
  background-repeat: no-repeat;
  color: #fafafa!important;
  height: 35px;
  padding: 0 16px 0 46px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  font-weight: 700;
  line-height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}

Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Осень
  5. → Изменение общей стилистики
  6. Privacy Policy