1
Как Поменять Цвет Кнопок.
Автор Иванов, 30 мая 2014 00:18
Сообщений в теме: 12
#1
Отправлено 30 Май 2014 - 00:18
Здравствуйте!
Подскажите, как поменять цвет кнопок "Быстрый заказ", "Добавить в корзину", Цвет ЦЕНЫ товара в общем списке и в карточке товара. (тема "осень").
Спасибо!
Подскажите, как поменять цвет кнопок "Быстрый заказ", "Добавить в корзину", Цвет ЦЕНЫ товара в общем списке и в карточке товара. (тема "осень").
Спасибо!
#2
Отправлено 30 Май 2014 - 00:40
Цвет кнопки можно изменить в файле стилей style.css - найдите
для кнопки быстрого заказа
для кнопки добавления товара в корзину
и измените в данных классах свойство background-color. Заданный цвет в псевдокласах :hover и :active применяется при событиях наведения и активности кнопки.
изменить цвет цены вы можете в следующих 2х классах
и
путем изменения свойства color
для кнопки быстрого заказа
.add_to_cart_ph{display:block;background-color:#da3b44;background-image:url('{ASSETS_IMAGES_PATH}cart_white.png');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:hover{background-color:#fa000e;text-decoration:none} .add_to_cart_ph:active{background-color:#e6434c}
для кнопки добавления товара в корзину
.add_to_cart{display:block;background-color:#da3b44;background-image:url('{ASSETS_IMAGES_PATH}cart_white.png');background-repeat:no-repeat;background-position:13px 50%; color:#fafafa!important;height:35px;padding:0 16px 0 46px;*padding:0 6px 0 36px;border:1px solid #a40f18;*border: none;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:hover{background-color:#e6434c;text-decoration:none} .add_to_cart:active{background-color:#e6434c;box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.35),0 1px 0 0 rgba(255,255,255,0.6);-moz-box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.35),0 1px 0 0 rgba(255,255,255,0.6); -webkit-box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.35),0 1px 0 0 rgba(255,255,255,0.6)}
и измените в данных классах свойство background-color. Заданный цвет в псевдокласах :hover и :active применяется при событиях наведения и активности кнопки.
изменить цвет цены вы можете в следующих 2х классах
.goodsDataMainModificationPriceNow{padding: 0;font-weight: inherit;font-size: 32px;line-height: 32px;margin-right: 15px;color: #DA3B44;}
и
#category_view_type.grid_view #product_list .product_list_details_left .price {display:inline-block;margin:0;color:#da3b44;font-weight:700;font-size:14px;cursor:default}
путем изменения свойства color
#3
Отправлено 30 Май 2014 - 17:40
А про цвет ЦЕНЫ товара в общем списке и в карточке товара. (тема "осень") не написали.
И ещё: цвет кнопки "Быстрый заказ" в разделе "На главной" как изменить? И цвет цен тут же соответственно.
Спасибо!
И ещё: цвет кнопки "Быстрый заказ" в разделе "На главной" как изменить? И цвет цен тут же соответственно.
Спасибо!
#4
Отправлено 30 Май 2014 - 23:00
Иванов (30 Май 2014 - 17:40) писал:
А про цвет ЦЕНЫ товара в общем списке и в карточке товара. (тема "осень") не написали.
И ещё: цвет кнопки "Быстрый заказ" в разделе "На главной" как изменить? И цвет цен тут же соответственно.
Спасибо!
И ещё: цвет кнопки "Быстрый заказ" в разделе "На главной" как изменить? И цвет цен тут же соответственно.
Спасибо!
Здравствуйте! В шаблоне style.css найдите код
.add_to_cart_ph{display:block;background-color:#ff3333;background-image:url('http://design.muscle-pharma.ru/cart_white.png');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)}в нем нужно изменять значение параметра background-color
Так же найдите строку
#category_view_type.grid_view #product_list .product_list_details_left .price {display:inline-block;margin:0;color:#da3b44;font-weight:700;font-size:14px;cursor:default}в ней изменяйте значение параметра color
#5
Отправлено 30 Май 2014 - 23:11
daria_dnk (30 Май 2014 - 23:00) писал:
Здравствуйте! В шаблоне style.css найдите код
Так же найдите строку
.add_to_cart_ph{display:block;background-color:#ff3333;background-image:url('http://design.muscle-pharma.ru/cart_white.png');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)}в нем нужно изменять значение параметра background-color
Так же найдите строку
#category_view_type.grid_view #product_list .product_list_details_left .price {display:inline-block;margin:0;color:#da3b44;font-weight:700;font-size:14px;cursor:default}в ней изменяйте значение параметра color
Также просили помочь изменить цвет цены в карточке товара. + цвет кнопки "Быстрый заказ" в разделе "Товары на главной"
#6
Отправлено 31 Май 2014 - 03:24
1. В style.css найдите:
2. В шаблоне HTML найдите:
далее в style.css добавьте:
.goodsDataMainModificationPriceNow { color: #DA3B44; font-size: 32px; font-weight: inherit; line-height: 32px; margin-right: 15px; padding: 0; }измените значение стиля color
2. В шаблоне HTML найдите:
<a class="exclusive" href="#" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>замените на:
<a class="exclusive other" href="#" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
далее в style.css добавьте:
input.exclusive, #paymentForm input, a.other{ background:#cccccc; }измените значение background по необходимости
#7
Отправлено 31 Май 2014 - 12:24
1. Подскажите ещё, пож-та, как сделать так, чтобы при наведении курсора на раздел меню (слева), менялся цвет на красный.
2. Когда открыт какой-то из разделов, чтобы название раздела оставалось красным, пока не закроется раздел.
Спасибо!
2. Когда открыт какой-то из разделов, чтобы название раздела оставалось красным, пока не закроется раздел.
Спасибо!
#8
Отправлено 31 Май 2014 - 15:37
Цитата
1)
a,a:active,a:visited{color:#333;cursor: pointer;}и под ним вставьте новый код
a:hover {color: #FA000E;}
Цитата
2)
a,a:active,a:visited{color:#333;cursor: pointer;}и под ним вставьте новый код
.selected{color: #FA000E;}
#9
Отправлено 31 Май 2014 - 16:13
lew (31 Май 2014 - 15:37) писал:
в style.css найдите код
в style.css найдите код
a,a:active,a:visited{color:#333;cursor: pointer;}и под ним вставьте новый код
a:hover {color: #FA000E;}
в style.css найдите код
a,a:active,a:visited{color:#333;cursor: pointer;}и под ним вставьте новый код
.selected{color: #FA000E;}
№2 почему-то не работает.
#12
Отправлено 31 Май 2014 - 20:54
у вашего сайта такой индефикатор 288857?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных