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


Иванов

Регистрация: 29 мая 2014
Offline Активность: 26 мая 2016 19:45
-----

#140914 Как Поменять Цвет Кнопок.

Отправлено Сake на 30 Май 2014 - 00:40

Цвет кнопки можно изменить в файле стилей style.css - найдите

для кнопки быстрого заказа
.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