Сообщений в теме: 4

[Andrew S.]

Не могу найти эти стили. Только всё порчу.

Помогите, пожалуйста:

1. Убрать градиент на всех кнопках "Купить".

2. Убрать тень текста.

3. При пассивном режиме чтобы был зелёный цвет #92C43D.

4. При активном режиме чтобы был другой цвет, подберу, пока не знаю какой.

5. Границы сделать незакруглёнными и придать цвет #92C43D. Границы оставить для того, чтобы не изменилось положение кнопки и её размеры повсюду.

Желательно поставить везде /* */, чтобы осталась возможность быстрого возврата к предыдущей версии вручную.

Где эти кнопки:

1. В недавно просмотренных товарах.



2. И в первом режиме отображения каталога.

3. Во втором режиме:



4. В третьем режиме:



5. В товаре:



6. И там же в блоке "с этим товаром смотрят". Тут же убрать закругление границы в количестве (6).

Немного закруглений ликвидировал...

Сообщение отредактировал Andrew S.: 18 Май 2015 - 18:14

[Andrew S.]

Вопрос ещё актуален.

[Vaccina]

В main.css найдите:

.goodsTableButton .btn {
	font-size: 18px;
	color: #fff;
	border: 1px solid rgba(0,0,0,.17);
	border-color: #587F14 #587F14 #387038;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #C2E28C;
	background-image: -moz-linear-gradient(top,#92c43d,#587F14);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#92c43d),to(#587F14));
	background-image: -webkit-linear-gradient(top,#92c43d,#587F14);
	background-image: -o-linear-gradient(top,#92c43d,#587F14);
	background-image: linear-gradient(to bottom,#92c43d,#587F14);
	background-repeat: repeat-x;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
	box-shadow: 0 1px 0 rgba(0,0,0,.05);
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c43d',endColorstr='#ff51a351',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	position: relative;
}
.goodsTableButton .btn:hover {
	color: #fff;
	background-color: #587F14
}

замените на:

.goodsTableButton .btn {
	font-size: 18px;
	color: #fff;
border-radius: 0;
	border: 1px solid #92c43d;
	background: #92c43d;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
	box-shadow: 0 1px 0 rgba(0,0,0,.05);
	position: relative;
}
.goodsTableButton .btn:hover {
	color: #fff;
	background-color: #587F14
}

[Andrew S.]

Vaccina (20 Май 2015 - 02:33) писал:

В main.css найдите:

.goodsTableButton .btn {
font-size: 18px;
color: #fff;
border: 1px solid rgba(0,0,0,.17);
border-color: #587F14 #587F14 #387038;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #C2E28C;
background-image: -moz-linear-gradient(top,#92c43d,#587F14);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#92c43d),to(#587F14));
background-image: -webkit-linear-gradient(top,#92c43d,#587F14);
background-image: -o-linear-gradient(top,#92c43d,#587F14);
background-image: linear-gradient(to bottom,#92c43d,#587F14);
background-repeat: repeat-x;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
box-shadow: 0 1px 0 rgba(0,0,0,.05);
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c43d',endColorstr='#ff51a351',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
position: relative;
}
.goodsTableButton .btn:hover {
color: #fff;
background-color: #587F14
}

замените на:

.goodsTableButton .btn {
font-size: 18px;
color: #fff;
border-radius: 0;
border: 1px solid #92c43d;
background: #92c43d;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
box-shadow: 0 1px 0 rgba(0,0,0,.05);
position: relative;
}
.goodsTableButton .btn:hover {
color: #fff;
background-color: #587F14
}

Ладно, слишком много мороки тут. Но Ваш код помог тем что закругления убрал и название шрифта прописал:



Вот только не могу найти куда прописать шрифт в оставшиеся зелёные кнопки "Купить":

[Vaccina]

В main.css найдите:

.btn-success {
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #92c43d;
	*background-color: #587F14;
	background-image: -moz-linear-gradient(top, #92c43d, #587F14);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c43d), to(#587F14));
	background-image: -webkit-linear-gradient(top, #92c43d, #587F14);
	background-image: -o-linear-gradient(top, #92c43d, #587F14);
	background-image: linear-gradient(to bottom, #92c43d, #587F14);
	background-repeat: repeat-x;
	border-color: #587F14 #587F14 #92c43d;
	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='#ff92c43d', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

замените на:

.btn-success {
	color: #ffffff;
	background: #92c43d;
	border-color: #92c43d;
}