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

[Ruslan25]

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

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

• 

[MikDark]

Ruslan25 (09 Март 2016 - 02:04) писал:

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

Здравствуйте. В шаблон main.css Вам нужно вставить код:

input.paymentFormTbodySubmitButton
{background:#000000;
color:#ffffff;}

где background - цвет фона кнопки, а color - цвет текста на кнопке.

[Ruslan25]

MikDark (09 Март 2016 - 08:56) писал:

Здравствуйте. В шаблон main.css Вам нужно вставить код:

input.paymentFormTbodySubmitButton
{background:#000000;
color:#ffffff;}

где background - цвет фона кнопки, а color - цвет текста на кнопке.

А размер как увеличить?

[MikDark]

Ruslan25 (12 Март 2016 - 17:56) писал:

А размер как увеличить?

Если речь о размере кнопки, можете код:

input.paymentFormTbodySubmitButton
{background:#000000;
color:#ffffff;}

видоизменить до:

input.paymentFormTbodySubmitButton
{background:#000000;
color:#ffffff;
width:150px;
height:60px;}

где width - ширина, а height - высота кнопки.

[Ruslan25]

Также необходимо сделать эту кнопку похожей на кнопку "купить"

[Danil]

Ruslan25 (12 Март 2016 - 18:06) писал:

Также необходимо сделать эту кнопку похожей на кнопку "купить"

Здравствуйте.
В main.css найдите код

input.paymentFormTbodySubmitButton {
	background: #70b5f4;
	color: #c51313;
}

и замените на

input.paymentFormTbodySubmitButton:hover {
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
	background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
input.paymentFormTbodySubmitButton {
	background: #C11C1C;
	padding: 20px 40px;
	border-radius: 8px;
	color: #FFFFFF;
}