Как Поменять Цвет Кнопок - Добавить В Корзину И Подробнее?

Подскажите как поменять цвет кнопок - в корзину и - подробней в каталоге товаров.
И поменять цвет кнопки - подробнее, в товарах на главной

sofidemarko.ru

Попробуйте в  файле "bootstrap.min.css" изменить стили.
Вот код постоянного цвета.

.btn-success2{
color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#000;*background-color:#000;
/*background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);
background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);
background-image:-moz-linear-gradient(top,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)*/}

Заменить:

.btn-success2{
color:#fff;/*цвет текста*/
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#000;/*цвет фона*/
/*background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);
background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);
background-image:-moz-linear-gradient(top,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)*/}

Цвет кнопки при наведение на "Подробнее".
Найти код:

.btn-success2:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#5bb75b;*background-color:#5bb75b;}

Заменить:

.btn-success2:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{
color:#fff;/*цвет текста*/
background-color:#5bb75b;/*цвет фона*/
}

Для кнопки "Купить".
Найти код:

.btn-success{
color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#5bb75b;*background-color:#51a351;
/*background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);
background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);
background-image:-moz-linear-gradient(top,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)*/}
.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#000;*background-color:#000;}

Заменить:

.btn-success{
color:#fff;/*постоянный цвет текста*/
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#5bb75b;/*постоянный цвет фона*/

/*background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);
background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);
background-image:-moz-linear-gradient(top,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)*/}
.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{
color:#fff;/*цвет текста при наведение на кнопку мышкой*/
background-color:#000;/*цвет фона при наведение на кнопку мышкой*/
}

Я поменяла цвет кнопки "Добавить в корзину", спасибо за инструкции. Подскажите, пжл, как сделать так, чтобы эти изменения отразились не только на странице товара, но и на главной?

MrsSkipper (20 Сентябрь 2013 - 19:54) писал:

Замените в шаблоне HTML 3 раза встречающийся код

btn-success2

на

btn-success