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


Изменение Цвета Фона Кнопки Перейти К Оплате

Изменение цвета фона кнопки Перейти к оплате

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

#1 tochini

tochini

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородМосква

Отправлено 16 Октябрь 2015 - 12:24

Коллеги, прошу помочь изменить цвет фона фона кнопки Перейти к оплате. Сейчас кнопка подсвечивается синим,  только когда на неё наводишь курсор. В обычном состоянии она имеет белый фон как у всей станицы. Многие эту кнопку не замечают, тк она сливается с элементами дизайна. Было бы здорово, если бы она изначально подсвечивалась синим, а при наведении подсвечивалась зелёным.

#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Октябрь 2015 - 12:33

Просмотр сообщенияtochini (16 Октябрь 2015 - 12:24) писал:

Коллеги, прошу помочь изменить цвет фона фона кнопки Перейти к оплате. Сейчас кнопка подсвечивается синим,  только когда на неё наводишь курсор. В обычном состоянии она имеет белый фон как у всей станицы. Многие эту кнопку не замечают, тк она сливается с элементами дизайна. Было бы здорово, если бы она изначально подсвечивалась синим, а при наведении подсвечивалась зелёным.

Здравствуйте.
Если я всё правильно понял, то сделайте, пожалуйста, следующее:
В самый конец шаблона main.css добавьте данный код:

input.paymentFormTbodySubmitButton {
	background-color: #3AC2DC;
	color: #fff;
}


#3 tochini

tochini

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородМосква

Отправлено 16 Октябрь 2015 - 12:42

О! Отлично, то, что доктор прописал.
Можно проделать то же самое с кнопкой Оформить заказ?

#4 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 16 Октябрь 2015 - 12:45

Просмотр сообщенияtochini (16 Октябрь 2015 - 12:42) писал:

О! Отлично, то, что доктор прописал.
Можно проделать то же самое с кнопкой Оформить заказ?
В конец main.css добавьте
a#startOrder, div#OrderAjaxBlock button.button {
	background: #FF0;
	color: #000;
	border-color: #F00;
}
изменяйте цвета на свои.

#5 tochini

tochini

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородМосква

Отправлено 16 Октябрь 2015 - 13:07

Ещё хотелось бы сделать то же самое в форме быстрого оформления заказа (переход в него осуществляется по нажатии кнопки Быстрый заказ)

#6 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Октябрь 2015 - 13:27

Просмотр сообщенияtochini (16 Октябрь 2015 - 13:07) писал:

Ещё хотелось бы сделать то же самое в форме быстрого оформления заказа (переход в него осуществляется по нажатии кнопки Быстрый заказ)

Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.formfast .button {
	margin: 10px 0 20px;
}

И замените его вот этим вот кодом:

.formfast .button {
	margin: 10px 0 20px;
	background-color: #0098CA;
	color: #fff;
}


#7 tochini

tochini

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородМосква

Отправлено 16 Октябрь 2015 - 15:45

Спасибо за оперативные ответы.
Всё отлично





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

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

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