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


Перейти К Оплате Дизайн

Перейти к оплате оформление

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 25 Август 2014 - 13:01

Подскажите как изменить оформление кнопки "перейти к оплате".

CHECKBOX, INPUT, RADIO, SELECT {}

Если здесь менять, то это влияет на отображение других классов.

Я  так понимаю INPUT отвечает за дизайн кнопки.

Мне нужно  такое оформление
{
font-family: Calibri, helvetica !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 4px 6px;
margin: 0 0 10px 0;
font-size: 18px;
line-height: 20px;
vertical-align: middle;
background:#62c462 !important;
color: #fff!important;
padding: 10px 15px;
font-weight: bold !important;
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 0 !important;
}

Спасибо

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Август 2014 - 13:37

Просмотр сообщенияigor-repsol (25 Август 2014 - 13:01) писал:

Подскажите как изменить оформление кнопки "перейти к оплате".

CHECKBOX, INPUT, RADIO, SELECT {}

Если здесь менять, то это влияет на отображение других классов.

Я  так понимаю INPUT отвечает за дизайн кнопки.

Мне нужно  такое оформление
{
font-family: Calibri, helvetica !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 4px 6px;
margin: 0 0 10px 0;
font-size: 18px;
line-height: 20px;
vertical-align: middle;
background:#62c462 !important;
color: #fff!important;
padding: 10px 15px;
font-weight: bold !important;
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 0 !important;
}

Спасибо
Здравствуйте, к сожалению поменять дизайн данной кнопки не получиться,т.к. это кнопка берется из системы оплаты, она формируется автоматически.

#3 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 25 Август 2014 - 15:35

Если добавить в таблицу стилей это правило то дизайн кнопки меняется но и меняется еще поля поиска. А можно ли поставить кнопку-картинку?


Просмотр сообщенияИрина345 (25 Август 2014 - 13:37) писал:


Здравствуйте, к сожалению поменять дизайн данной кнопки не получиться,т.к. это кнопка берется из системы оплаты, она формируется автоматически.


#4 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Август 2014 - 15:58

Просмотр сообщенияigor-repsol (25 Август 2014 - 15:35) писал:

Если добавить в таблицу стилей это правило то дизайн кнопки меняется но и меняется еще поля поиска. А можно ли поставить кнопку-картинку?
Попробуйте добавить в конец файла стилей код

input.paymentFormTbodySubmitButton {
font-family: Calibri, helvetica !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 4px 6px;
margin: 0 0 10px 0;
font-size: 18px;
line-height: 20px;
vertical-align: middle;
background: #62c462 !important;
color: #fff!important;
padding: 10px 15px;
font-weight: bold !important;
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 0 !important;
}


#5 igor-repsol

igor-repsol

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 25 Август 2014 - 16:16

Все теперь работает Спасибо вам

Просмотр сообщенияИрина345 (25 Август 2014 - 15:58) писал:

Попробуйте добавить в конец файла стилей код

input.paymentFormTbodySubmitButton {
font-family: Calibri, helvetica !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 4px 6px;
margin: 0 0 10px 0;
font-size: 18px;
line-height: 20px;
vertical-align: middle;
background: #62c462 !important;
color: #fff!important;
padding: 10px 15px;
font-weight: bold !important;
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 0 !important;
}






Темы с аналогичным тегами Перейти к оплате, оформление

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных